Communauté

Il y a actuellement  8286  personnes connectées à Over-Blog dont  2  sur ce blog


News de la communauté :


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

Traducteur

PageRank Actuel

 

Présentation

Hellocoton

Retrouvez finou sur Hellocoton

Ames chez Finou


compteur
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés