8 sept. 2010

(Blogger) Mettre un fond dans les colonnes de widgets

Sur Blogger, les modules sont appelés widgets et les colonnes de modules sidebar.

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
.sidebar {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
.sidebar {background-image:URL(adresse de la texture);}
Pour mettre une texture rectangulaire qui se répète seulement verticalement
.sidebar {background-image:URL(adresse de la texture);background-repeat:repeat-y;}
Pour mettre une texture rectangulaire qui se répète seulement horizontalement
.sidebar {background-image:URL(adresse de la texture);background-repeat:repeat-x;}
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.

2 commentaires:

  1. Salut, merci pour toutes ces astuces et ces superbes explications. Grâce à toi j'ai pu modifier mon modèle, je voudrais changer la couleur de la colonne de droite ou on dispose les widget mais j'ai pas trouver le code .sidebar..... pourrai tu m'aider s'il te plait car la je suis perdue merci :)

    RépondreSupprimer
  2. Merci pour cette petite astuce bien pratique.

    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)