25 août 2010

(Blogger) Mettre un fond dans le corps du blog

Le corps du blog regroupe l'entête, les colonnes et le pied de page.

Pour commencer, allez dans le CSS : Présentation > Modifier l'HTML et complétez la ligne avec ce qui est en rouge


Pour mettre une couleur en fond
.content-outer {background-color: #800080!important;}
Si vous ne connaissez pas les codes couleur, regardez cet article

Pour mettre une texture carrée qui se répète horizontalement et verticalement
.content-outer {background-image:URL(adresse de la texture)!important;}
Pour mettre une texture rectangulaire qui se répète seulement verticalement
.content-outer {background-image:URL(adresse de la texture)!important;background-repeat:repeat-y;}
Pour mettre une grande photo qui ne se répète pas, qui est centrée et fixe (on évite de le faire, trop difficile à gérer)
.content-outer {background-image: url(adresse de l'image)!important;background-repeat:no-repeat;background-position:center;background-attachment:fixed;}
Pour connaître les différents fonds possibles : découvrir les background

Après vos modifications, pensez à enregistrer. Les modifications apparaissent immédiatement à l'écran.

1 commentaire:

  1. Bonjour,
    vous avez décrite comment changer la couleur du fond de toutes les zones possible du site, mais pas du fond des article. Je sais qu'on peut le changer par la zone de modification de blogger. Mais par exemple si je veux changer l'opacité du fond des messages, je doit changer quelle variable ??
    je vous remercie d'avance :)

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)