(OverBlog) Modifier le design American Beauty

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 AMERICAN BEAUTY.
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

La ligne existe déjà dans le CSS

#top {background:#FFF url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/haut.png) no-repeat 0% 0%;height:auto!important;  min-height:131px; height:131px; text-align:left; color:#FFF; padding:27px 0px 0px 15px; font-size:17px; font-family:"Times New Roman", Times, serif;}

Vous remplacez ce qui est en rouge

#top {background:#fff none; height:auto!important;  min-height:131px; height:131px; text-align:left; color:#FFF; padding:27px 0px 0px 15px; font-size:17px;font-family:"Times New Roman", Times, serif;}

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

Cette ligne existe déjà dans votre CSS, le fond est en rouge ci-dessous :

.box-titre h2 {padding:8px 0px 0px 15px; font-family:"Times New Roman", Times, serif; font-size:13px; color:#9A1034; background:#FFF url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/pict-menu.png) no-repeat left; height:29px; margin:0px; padding:8px 0px 0px 8px; text-align:left;font-size:12px; }

Vous la remplacez par

.box-titre h2 {padding:8px 0px 0px 15px; font-family:"Times New Roman", Times, serif; font-size:13px; color:#9A1034; background:#FFF none; height:29px;margin:0px; padding:8px 0px 0px 8px; text-align:left; font-size:12px; }

POUR ENLEVER LA FRISE SOUS LE TITRE DE L'ARTICLE

Vous rajoutez la ligne dans le CSS

.divTitreArticle {background-image:none;}

POUR ENLEVER LA FRISE EN BAS DE L'ARTICLE

Vous rajoutez la ligne dans le CSS

.afterArticle {background-image:none;}

POUR ENLEVER LA COULEUR DE FOND DANS LES COMMENTAIRES ET REPONSES

La ligne existe déjà

.commentMessage {padding:2px; border:1px dotted #CC0000; margin:12px; background-color:#7A0724; color:#FFF;}

Vous modifiez ce qui est en rouge

.commentMessage {padding:2px; border:1px dotted #CC0000; margin:12px; background:none; color:#FFF;}

POUR ENLEVER L'ENCADREMENT DES COMMENTAIRES ET REPONSES

Toujours dans cette ligne

.commentMessage {padding:2px; border:1px dotted #CC0000; margin:12px; background:none; color:#FFF;}

vous modifiez ce qui est en bleu

.commentMessage {padding:2px; border:0px dotted #CC0000; margin:12px; background:none; color:#FFF;}

POUR ENLEVER LE FOND DANS LES MARGES EXTERNES

La ligne existe déjà

body {margin:0px; padding:0px; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/240/default/article/common/pics/mosaique.png);color:#CC0000; font-family:Verdana, Helvetica,Arial,sans-serif; font-size:x-small;}

il faut modifier ce qui est en rouge

body {margin:0px; padding:0px; background-image:none; color:#CC0000; font-family:Verdana, Helvetica,Arial,sans-serif; font-size:x-small;}