Ce code permet d’optimiser votre fond à n’importe quel écran. C’est à dire quand vous réduisez la fenêtre ou si vous avez un plus petit écran, votre fond reste centré. A savoir, faîtes vos fonds en taille 1 666x 869 pour qu’il soit optimisé pour les écrans à 22 pouces et éviter les répétitions d’images. Vous pouvez aussi faire en 1 400×900 mais pour les écrans à 22 pouces, ce n’est pas génial. De plus, n’hébergez pas sur Servimg car celui-ci réduit automatiquement votre fond. Hébergez là plutôt dans un de vos FTP ou autre part auquel l’hébergeur ne modifie pas vos fonds en taille.

 

♦ Rendez-vous dans votre Panneau d’Administration
♦ Dirigez-vous dans Affichages > Couleurs > Feuille de Style CSS
♦ Insérez ce code en modifiant les #COULEUR, puis Validez

body {
background-image: url(« LIEN_DE_VOTRE_FOND »); /*Ici, mettez le lien de votre image qui sera le fond*/
background-repeat: no-repeat; /*Si vous voulez que votre fond se répéte, retirez uniquement « no- » avant repeat*/
background-position: top center;
}

♦ Rendez vous maintenant dans gestion des images > Avancé > Général / navigation
♦ Dans « Image du fond de page », ne mettez pas d’image car ceci ne sert à rien puisque vous l’avez mis dans votre Feuille de Style CSS
♦ Vous voyez la case « Fond de page fixe » ? Si vous avez mis dans votre code css que votre fond ne se repete pas : background-repeat: no-repeat, cochez cette case. Si vous avez mis que votre fond se repete : background-repeat: no-repeat, décochez cette case. puis enregistrer!
♦ Et c’est terminé !

© By Shaynee

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *