Connexion

Récupérer mon mot de passe

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

» Coca-Cola (histoire)
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Hier à 9:33 par bildil62

» Sœur Mathématiques et Sœur Logique
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Sam 22 Juin 2019 - 15:59 par bildil62

» Les deux bons potes "histoire"
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Ven 21 Juin 2019 - 19:45 par soleda

» *RESOLU*[PhpBB2] Onglet sur page d’accueil
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Mer 19 Juin 2019 - 16:38 par Milouze14

» Le spationaute belge
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Mer 19 Juin 2019 - 16:26 par Milouze14

» *RESOLU*[PhpBB2] Aide mise en forme page d’accueil merci
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Dim 16 Juin 2019 - 8:33 par Milouze14

» *RESOLU*[PhpBB2] Chatbox / Réinitialiser
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Ven 14 Juin 2019 - 19:55 par Milouze14

» *RESOLU*[PhpBB2] Bloquer les IP
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Jeu 13 Juin 2019 - 18:36 par Milouze14

» Les réseaux sociaux
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Mer 12 Juin 2019 - 7:51 par Romain

» [PhpBB2] Barre navigation supplémentaire
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Dim 9 Juin 2019 - 19:32 par Milouze14

» *RESOLU*[Invision] Réduction image avec clic agrandissement
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Sam 8 Juin 2019 - 19:07 par Milouze14

» Histoire de Blondes Sans Fin
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Sam 8 Juin 2019 - 19:01 par Quad Daniel

» *RESOLU*[PhpBB3] Interdiction de citer le dernier message
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Ven 7 Juin 2019 - 19:04 par Milouze14

» Règlement de l'entraide Forumactif
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Ven 7 Juin 2019 - 14:16 par jakes

» *RESOLU*[PhpBB2] [Toutes versions] Activer la prévisualisation directe
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Mer 5 Juin 2019 - 18:52 par Milouze14

» [PHPBB3] Afficher une réponse automatique style staff
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Lun 3 Juin 2019 - 17:35 par Milouze14

» *RESOLU*[PhpBB2] Changer un message quand un membre ne peut pas répondre à un sujet
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Jeu 30 Mai 2019 - 19:38 par Milouze14

» [Toutes versions] Activer la prévisualisation directe
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Jeu 30 Mai 2019 - 9:19 par photoclic

» [Toutes versions] Masquer une icône de message sur un ou plusieurs forums
[TOUTES VERSIONS] Fond qui s'adapte à toute la largeur de votre forum - Page 2 Clock-10Jeu 30 Mai 2019 - 7:27 par Milouze14

[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