Modifier le CSS

Changer la couleur de fond du blog

Changer la couleur du fond de l'en tête

Changer la couleur de fond du pied de page

Changer la couleur de fond des modules

Changer la couleur du texte du titre des modules

Changer la couleur des liens

Changer la couleur des liens survolée

Mettre une ligne autour des articles

Mettre une couleur de fond derrière les articles

Mettre une image de fond au lieu d'une couleur

---

Changer la couleur de fond du blog

- Pour changer la couleur de fond de l'ensemble du blog.

 ajouter ce qui est en gras dans le CSS:

/* ---------- Elements Principaux ------------- */

body { background-color:#code_couleur; }

---

Changer la couleur du fond de l'en tête

- Pour changer la couleur de fond de l'en tête du blog.

 ajouter ce qui est en gras dans le CSS:

/* entete */

#top { background-color:#code_couleur}

---

 Changer la couleur de fond du pied de page

- Pour changer la couleur du pied de page du blog.

 ajouter ce qui est en gras dans le CSS:

/* Bas de page */

#footer { background-color:#code_couleur}

---

 Changer la couleur de fond des modules

- Pour changer la couleur de fond des modules.

 ajouter ce qui est en gras dans le CSS:

/* ---------- Box ---------- */

.box { background-color:#code_couleur}

---

Changer la couleur du texte du titre des modules

- Pour changer a couleur du texte du titre des modules.

 ajouter ce qui est en gras dans le CSS:

/* ---------- Box ---------- */

.box h2          { color:#code_couleur }

---

Changer la couleur des liens

- Pour changer la couleur des liens du blog.

 ajouter ce qui est en gras dans le CSS:

/* ---------- Elements Principaux ------------- */

a      { text-decoration:underline; color:#code_couleur; font-size:110%; } /* lien */

---

Changer la couleur des liens survolée

- Pour changer la couleur des liens survolée.

 ajoutée ce qui est en gras dans le CSS:

/* ---------- Elements Principaux ------------- */

a:hover { text-decoration:none; color:#code_couleur}

---

 Mettre une ligne autour des articles

- Pour mettre une ligne autour des articles.

 ajoutée ce qui est en gras dans le CSS:

/*------------------- Articles ----------------------------------*/
.article    { margin-top:10px; padding:0px; border:1px solid; color:#code_couleur de la ligne;margin-bottom:10px; background-color:#CCFFFF; }

---

Mettre une couleur de fond derrière les articles

- Pour mettre une couleur de fond derrière les articles.

 ajoutée ce qui est en gras dans le CSS:

/*------------------- Articles ----------------------------------*/
.article    { margin-top:10px; padding:0px; background-color:#code_couleur; }

---

 Mettre une image de fond au lieu d'une couleur

- Pour mettre une image de fond au lieu d'une couleur.

 Vous devait d'abord héberger votre image soit sur Over-Blog ou sur un autre hébergeur.

 Ensuite vous devait récuperer l'url de l'image en faisant un clique droit dessus et en cliquant sur "propriété".

 Puis vous devait remplacer background-color:#code_couleur par background:url(L'url_de_l'image).

---

Bientôt une suite !