8 sept. 2010

(Blogger) Mettre un fond dans l'entête

Il s'agit bien de mettre un fond et non une bannière, ce que nous verrons dans un autre article.

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


DANS L'ENTETE ENTIERE


Pour mettre une couleur en fond
.header-outer {background-color: #800080;}
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
.header-outer {background-image:URL(adresse de la texture);}
Pour mettre une texture rectangulaire qui se répète seulement verticalement
.header-outer {background-image:URL(adresse de la texture);background-repeat:repeat-y;}
Pour connaître les différents fonds possibles : découvrir les background


DANS LE TITRE DU BLOG (en rouge)

Pour mettre une couleur en fond
.Header h1 {background-color: #800080;}
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
.Header h1 {background-image:URL(adresse de la texture);}
Pour mettre une texture rectangulaire qui se répète seulement verticalement
.Header h1 {background-image:URL(adresse de la texture);background-repeat:repeat-y;}
Pour connaître les différents fonds possibles : découvrir les background

DANS LA DESCRIPTION DU BLOG (en bleu)

Pour mettre une couleur en fond
.Header .description {background-color: #800080;}
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
.Header .description {background-image:URL(adresse de la texture);}
Pour mettre une texture rectangulaire qui se répète seulement verticalement
.Header .description {background-image:URL(adresse de la texture);background-repeat:repeat-y;}
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. salut Annak, voici un article que j'avais zappé, merci à toi, je n'avais même pas pensé au fond de mon blog

    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)