4 sept. 2010

(OverBlog) Modifier le design Season

L'exercice consiste à 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 SEASON.
Ce CSS est non modifiable, regardez l'article (OverBlog) Modifier un CSS non modifiable pour savoir comment opérer.

POUR ENLEVER L'IMAGE EN FOND DANS L'ENTETE

Vous rajoutez la ligne
#ln_0 {background-image: none;}
POUR ENLEVER LA COULEUR QUI APPARAÎT SOUS L'IMAGE DE FOND DE L'ENTETE

Vous complétez cette ligne que vous venez de créer, avec ce qui est en rouge
#ln_0 {background: none;background-image: none;}
POUR ENLEVER L'IMAGE DANS L'ENTETE

Vous rajoutez la ligne
#cl_0_0 {background-image: none;}
POUR ENLEVER L'IMAGE DE FOND DANS LE TITRE DU MODULE

Cette ligne existe déjà dans votre CSS :
.box-titre {margin:0px; padding: 6px 10px 6px 10px; height: 16px;background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/263/winter/article/common/pics/box_header.jpg);background-position: bottom right; background-repeat: no-repeat; background-color: #4C86CD;border-bottom: 1px solid #1756A5;}
vous allez la remplacer par
.box-titre { margin:0px; padding: 6px 10px 6px 10px;  height: 16px;background-image: none;background-color: #4C86CD;border-bottom: 1px solid #1756A5; }
POUR ENLEVER LA COULEUR DE FOND QUI APPARAÎT SOUS L'IMAGE DE FOND DU TITRE DU MODULE

Toujours dans la même ligne :
.box-titre { margin:0px; padding: 6px 10px 6px 10px;  height: 16px;background-image: none;background-color: #4C86CD;border-bottom: 1px solid #1756A5;}
que vous allez remplacer par
.box-titre { margin:0px; padding: 6px 10px 6px 10px;  height: 16px;background-image: none;background:none;border-bottom: 1px solid #1756A5;}
POUR ENLEVER LE FOND DANS TOUT LE MODULE

La ligne existe déjà dans le CSS :
.box-content {padding: 6px 8px 3px 8px; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/263/winter/article/common/pics/box_backgroundtop.jpg);background-position: top left;background-repeat: repeat-x;  color: #9F2B74;}
Vous remplacez ce qui est orange par
.box-content {padding: 6px 8px 3px 8px; background-image: none; color: #9F2B74;}
ENLEVER LE FOND EN COULEUR QUI RESTE DANS LE MODULE

La ligne existe déjà dans le CSS
.box { margin:auto;margin-bottom:15px;background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/263/winter/article/common/pics/box_background.gif);background-color: #FCFAF1;border-right: 1px solid #ECEAE4;border-bottom: 1px solid #ECEAE4;}
Vous la remplacez par
.box {margin:auto;margin-bottom:15px;background-image: none; background: none;border-right: 1px solid #ECEAE4; border-bottom: 1px solid #ECEAE4;}
POUR ENLEVER LA FRISE SOUS LE TITRE DE L'ARTICLE

Vous rajoutez cette ligne
.divTitreArticle h2, #articleSeul h2, .infoExtrait {background-image: none;}
POUR ENLEVER LA FRISE SOUS L'ARTICLE

La ligne n'existe pas, il faut la créer
.afterArticle, .plusExtrait {background-image: none;}
POUR ENLEVER LE FOND DANS LE PIED DE PAGE

La ligne est à rajouter
#ln_2 {background-image:none ;}
POUR ENLEVER LA COULEUR QUI EST SOUS LE FOND DANS LE PIED DE PAGE

Toujours dans cette ligne, rajoutez ce qui est en rouge
#ln_2 {background-image:none ;background:none;}
POUR ENLEVER LE FOND QUI ENTOURE LE BLOG

La ligne existe déjà
body { background: #A29F95; color: #272011; background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/263/winter/article/common/pics/page_background.jpg); }
il faut la remplacer par
body { background: #A29F95; color: #272011; background-image: none; }
POUR ENLEVER LA COULEUR QUI SUBSISTE AUTOUR DU BLOG

Toujours dans la même ligne
body { background: #A29F95; color: #272011; background-image: none; }
qu'on remplace par
body { background: none; color: #272011; background-image: none; }
POUR ENLEVER LE FOND DANS LES COMMENTAIRES

La ligne existe déjà dans le CSS
.commentMessage { background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/263/winter/article/common/pics/comment_background.gif);background-position: bottom;  background-repeat: repeat-x; border-top: 1px solid #9F2B74; border-bottom: 1px solid #FF9482;color: #682653;}
On la remplace par
.commentMessage { background-image: none; border-top: 1px solid #9F2B74; border-bottom: 1px solid #FF9482;  color: #682653; }
POUR ENLEVER LA FRISE SOUS LES COMMENTAIRES

On rajoute la ligne
.afterReactions{background-image:none;}

1 commentaire:

  1. hello Mehdi,
    m'a conseillé de venir apprendre quelques trucs pour adoucir mon blog/site un peu trop "plon plon".

    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)