Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PhpBB2] Changer le lien d'une image par une icone font awesone
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Aujourd'hui à 14:57 par Milouze14

» *RESOLU*[AwesomeBB] Profils en onglets
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Aujourd'hui à 12:04 par Milouze14

» histoire du Jour sans fin
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Hier à 8:11 par Quad Daniel

» Test d'intelligence des politiciens-(e) histoire blagounette
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Ven 23 Aoû 2019 - 9:22 par Quad Daniel

» Règlement de l'entraide Forumactif
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Jeu 22 Aoû 2019 - 11:42 par BADLANDS

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Mer 21 Aoû 2019 - 12:14 par MathisB

» *RESOLU*[AwesomeBB] Barre de progression sur la page - AwesomeBB
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Mar 20 Aoû 2019 - 21:17 par Milouze14

» *RESOLU*[PhpBB2] Insérer la valeur d'un champ personnalisé dans une page HTML
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Mar 20 Aoû 2019 - 19:11 par Milouze14

» *CORBEILLE*[PhpBB2] Récupérer la valeur d'un input
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Lun 19 Aoû 2019 - 18:42 par Milouze14

» *RESOLU*[PhpBB3] Prévisualisation directe
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Ven 16 Aoû 2019 - 11:06 par Milouze14

» *RESOLU*[PhpBB2] l'image s'éclairci dans le codage
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Lun 12 Aoû 2019 - 6:30 par Milouze14

» *RESOLU*[PhpBB2] Vérifier valeur dans InArray (Jquery)
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Sam 10 Aoû 2019 - 6:24 par Milouze14

» *RESOLU*[PhpBB2] Récupérer valeur checkbox
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Jeu 8 Aoû 2019 - 4:17 par Milouze14

» [Toutes versions] Utiliser les variables utilisateur/forum
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Mer 31 Juil 2019 - 19:36 par photoclic

» *RESOLU*[PhpBB2] Encadrement des photos dans le .preview .postbody
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Mer 31 Juil 2019 - 19:19 par Milouze14

» *RESOLU*[PhpBB3] Nombre de messages et membres su qeel
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Mer 31 Juil 2019 - 17:01 par no_way

» *RESOLU*[PhpBB2] Prévisualisation en direct
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Lun 29 Juil 2019 - 17:42 par Milouze14

» *RESOLU*[PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Ven 26 Juil 2019 - 19:51 par Milouze14

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Dim 21 Juil 2019 - 6:07 par Milouze14

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Sam 20 Juil 2019 - 11:23 par Morane

[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

mariok
mariok
Membre regretté

Messagemariok le Ven 28 Avr 2017 - 23:03

Rappel du premier message :

Bonsoir à toutes et tous, merci à Philippe pour les corrections judicieuses de l'astuces

Vous comme moi on passe des heures à chercher les dimensions de notre fond pour mieux l'adapter.

[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Chevea10
-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Staff10


On cherche dans notre feuille de style ou CSS  la balise body. Mais d'abord, petite explication sur la valeur cover : cette valeur sert, à partir d'une image (de n'importe quelle taille), à prendre tout l'espace disponible (ici, le body, donc toute la page). Donc maintenant il est presque inutile de calculer pour toutes les résolutions d'écrans, vu que ça se fera automatiquement.


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Code:
body{
background-image : url('https://i.servimg.com/u/f86/18/51/82/95/chevea10.jpg');  /*l image de fond*/
background-repeat  : no-repeat;  /*Pour que le fond ne se répète pas*/
background-position:  center;        /* Gère la position de l image  top : en haut.  bottom : en bas.  left : à gauche.  center : centré.  right : à droite. Il est possible de combiner ces mots   exemple :background-position: top right;*/
background-attachment:fixed; /*fixe l image*/
/*ou   background-attachment: scroll l image monte avec le forum*/
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover;
}


L'image c'est cadeau

Voila simple et efficace surtout qu'on est pas tous en responsive


Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports

soleda
Milouzien

Messagesoleda le Lun 24 Sep 2018 - 8:34

Merci beaucoup !
dams161
dams161
Milouzien

Messagedams161 le Dim 20 Jan 2019 - 23:27

Merci beaucoup !
xewup
xewup
Milouzien

Messagexewup le Sam 30 Mar 2019 - 11:41

Merci beaucoup

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum