24 août 2010

(OverBlog) Mettre un fond dans l'ensemble des colonnes

Poursuivons nos modifications de design dans l'ensemble formé par les colonnes de modules et d'articles

Pour connaître les différents fonds possibles : découvrir les background

Pour commencer, allez dans le CSS : Design > Mode CSS
S'il s'agit de votre première modification de design, cochez Appliquer ma feuille de style personnalisée, enregistrez puis complétez cette ligne avec ce qui est en rouge :

Pour mettre une couleur en fond
#ln_1 {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
#ln_1 {background-image:URL(adresse de la texture);}
Pour mettre une texture rectangulaire qui se répète seulement verticalement. Ce sera le cas si vous désirez mettre un fond différent dans chacune des x colonnes.Sur ce principe :


#ln_1 {background-image:URL(adresse de la texture);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)
#ln_1 {background-image: url(adresse de l'image);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

Après vos modifications, pensez à
  • enregistrer
  • faire CTRL+F5 sur le blog pour écraser le cache et voir les changements à l'écran

1 commentaire:

  1. bonjour j'ai un problème..comment cela ce fait il que dans design : quand je fais prévisualiser je vois pas ma page d'accueil mais mes articles ?

    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)