24 août 2010

(OverBlog) Mettre un fond dans le corps du blog

Poursuivons nos modifications de design dans le corps du blog : c'est-à-dire l'ensemble formé par l'entête, les colonnes et le pied de page.

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

2 commentaires:

  1. bonjour,
    je n'arrive pas a modifier il faut faire copier coller?
    ou faut-il le mettre?
    doit-on d'abord enlever quelque chose?
    merci

    RépondreSupprimer
  2. Il y a des choses que je comprend mais aprés c'est pire!!!!
    merci de m'aider c'est pas facile lorsqu'on est novice!

    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)