(OverBlog) Modifier le design Nacre

Le but de la manoeuvre est d'enlever les différents fonds et lignes qui composent ce design :



Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle NACRE.
Vous allez ensuite dans Design > Mode CSS, vous vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.

Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Mon Style
Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style : Accueil - articles - pages

POUR ENLEVER L'IMAGE EN FOND DANS L'ENTETE

Vous rajoutez la ligne

#cl_0_0 {background-image: none;}

POUR ENLEVER L'IMAGE DE FOND DANS LE TITRE DU MODULE

Ces lignes existent déjà dans votre CSS :

Colonne de gauche (étroite) :

#cl_1_0 .box-titre {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_195_header.gif);}

Vous la remplacez par

#cl_1_0 .box-titre {background-image: none;}

Colonne de droite (large):

#cl_1_2 .box-titre {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_300_header.gif);}

Vous la remplacez par

#cl_1_2 .box-titre {background-image:none;}

POUR ENLEVER LA COULEUR DE FOND QUI APPARAÎT SOUS L'IMAGE DE FOND DU TITRE DU MODULE

La ligne existe déjà dans votre CSS (elle concerne les 2 colonnes). Vous remplacez ce qui est en bleu

.box-titre { margin:0px;padding: 4px 10px 5px 10px;height: 17px;background-color:#FFC600;}

par

.box-titre { margin:0px;padding: 4px 10px 5px 10px;height: 17px;background:none;}

POUR ENLEVER LE FOND DANS TOUT LE MODULE

Les lignes existent déjà dans le CSS :

Colonne de gauche (étroite) :

#cl_1_0 .box-content { background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_195_backgroundbottom.gif);background-position: bottom;background-repeat: no-repeat;}

Vous remplacez par

#cl_1_0 .box-content { background-image:none;}

Colonne de droite (large) :

#cl_1_2 .box-content {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_300_backgroundbottom.gif);background-position: bottom;background-repeat: no-repeat;}

Vous remplacez par

#cl_1_2 .box-content {background-image: none;}

POUR ENLEVER LE FOND EN PIED DE MODULE

Les lignes existent déjà dans le CSS

Colonne de gauche (étroite) :

#cl_1_0 .box-footer {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_195_bottom.gif);background-position: bottom;}

Vous remplacez par

#cl_1_0 .box-footer {background-image: none;}

Colonne de gauche (large) :

#cl_1_2 .box-footer {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_300_bottom.gif);background-position: bottom;}

Vous remplacez par

#cl_1_2 .box-footer {background-image: none;}

POUR ENLEVER LES BORDURES GAUCHES ET DROITE DU CONTENU DU MODULE

Les lignes existent déjà dans le CSS

Colonne de gauche (étroite) :

#cl_1_0 .box {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_195_background.gif);background-repeat:repeat-y;}

Vous remplacez par

#cl_1_0 .box {background-image: none;}

Colonne de droite (large) :

#cl_1_2 .box {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/box_300_background.gif);background-repeat: repeat-y; }

Vous remplacez par

#cl_1_2 .box {background-image: none;}

POUR ENLEVER LE FOND DU TITRE DE L'ARTICLE

La ligne existe déjà dans le CSS

.divTitreArticle h2 ,.infoExtrait {background-image:
url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/article_413_title.jpg);}

Vous remplacez par

.divTitreArticle h2 , .infoExtrait {background-image: none;}

POUR ENLEVER LA COULEUR SOUS LE FOND DU TITRE DE L'ARTICLE

Toujours dans cette ligne :

.divTitreArticle h2 , .infoExtrait { background-image:none ;}

Vous rajoutez ce qui est en rouge

.divTitreArticle h2 , .infoExtrait { background-image:none ; background:none;}

POUR ENLEVER LES BORDURES AUTOUR DES ARTICLES

Cette ligne existe déjà

.contenuArticle, .extrait { background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/article_413_background.gif); background-repeat: repeat-y;margin: 0 5px 0 5px;color: #000;}

On la remplace par

.contenuArticle, .extrait {background-image: none;margin: 0 5px 0 5px;color: #000;}

POUR ENLEVER LE FOND EN PIED DE L'ARTICLE

La ligne existe déjà dans le CSS

.afterArticle, .plusExtrait {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/262/brique/article/common/pics/article_413_bottom.jpg);background-position: bottom;}

Vous la remplacez par

.afterArticle, .plusExtrait {background-image: none;}

POUR ENLEVER LE FOND DANS LE PIED DE PAGE

Vous rajoutez cette ligne

#cl_2_0 {background-image: none;}