Mettre un fond sur overblog
Pour mettre un fond sur over blog :
Trouver une image et noter son url
Sous over blog :
Design puis mode avancé (CSS)
Ouvrir définitions avancés.
Onglet Style et cocher ce que vous souhaitez modifier
Dans définitions d’affichage de la variation, vous avez :
/* ------------------ DECLARATIONS GENERALES ------------------ */
body {
background: #1D2429;
color: #FFF;
}
h1, h2, h3 { padding: 0; margin: 0; font-size: 12px; font-weight: normal; }
a { text-decoration:none; color:#D1378E; }
a:hover { text-decoration:underline; color:#F12AAD; }
Vous devez changer le CSS pour obtenir cela :
/* ------------------ DECLARATIONS GENERALES ------------------ */
body {
background-image: url(adresse de l’image.jpg);
color: #FFF;
}
h1, h2, h3 { padding: 0; margin: 0; font-size: 12px; font-weight: normal; }
a { text-decoration:none; color:#D1378E; }
a:hover { text-decoration:underline; color:#F12AAD; }
Ensuite ne pas oublier d’enregistrer.
Pour contrôler, faites voir mon blog + F5 pour vider la cache.
Ensuite, plusieurs options peuvent venir s’ajouter :
Par défaut, l’image se répère horizontalement et verticalement sur tout le blog. Pour changer cela, vous pouvez (source www.over-faq.com):
Pour la répétition de l'image: (attribut background-repeat)
>> repeat : Répète l'image horizontalement et verticalement (comportement par défaut)
>> repeat-x : Répète l'image horizontalement
>> repeat-y : Répète l'image verticalement
>> no-repeat : Ne répète pas l'image
Exemple: body {...; background-repeat: repeat-x;...}
Pour le positionnement du fond: (attribut background-position)
>> top : Alignement de l'image avec le haut de la fenêtre
>> center : Alignement de l'image au centre de la fenêtre
>> bottom : Alignement de l'image avec le bas de la fenêtre
>> left : Alignement de l'image avec la gauche de la fenêtre
>> right : Alignement de l'image avec la droite de la fenêtre
Exemple: body {...; background-position: top left;...}
Pour que le fond soit visible sous les articles, il faut aussi rajouter la même ligne (background-image…) dans Définitions de structure de la variation :
#global {padding: 0px; margin: 0 auto; width:1000px; background-image:url(adresse de l’image.jpg}
Voilà !!! J’espère que cela vous aura aidé !
Pour toutes questions, postez là
Finou