4 sept. 2010

(OverBlog) Modifier le design Ethnic

L'exercice consiste à enlever les fonds d'origine de ce design



Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle ETHNIC.
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, le fond est en rouge ci-dessous :
.box-titre {margin:0px;padding: 3px 5px 3px 7px;height: 16px;background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/264/southamerica/article/common/pics/box_title_background.gif);background-color: #A4DD2B;border-bottom: 1px solid #24272A;}
Vous la remplacez par
.box-titre {margin:0px;padding: 3px 5px 3px 7px;height: 16px;background-image: none;background-color: #A4DD2B;border-bottom: 1px
solid #24272A;}
POUR ENLEVER LA COULEUR DE FOND QUI APPARAÎT SOUS L'IMAGE DE FOND DU TITRE DU MODULE

Toujours, dans cette même ligne qui existe déjà dans votre CSS, vous remplacez ce qui est en bleu
.box-titre {margin:0px;padding: 3px 5px 3px 7px;height: 16px;background-image: none;background-color: #A4DD2B;border-bottom: 1px
solid #24272A;}
par
.box-titre {margin:0px;padding: 3px 5px 3px 7px;height: 16px;background-image: none;background:none;border-bottom: 1px solid
#24272A;}
POUR ENLEVER LE FOND DANS TOUT 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/264/southamerica/article/common/pics/box_background.gif);}
Vous remplacez ce qui est orange par
.box {margin:auto; margin-bottom:15px; background-image: none;}
POUR ENLEVER LA FRISE DU HAUT DANS LE MODULE

La ligne existe déjà dans le CSS
.box-content {padding: 8px 5px 5px 5px;background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/264/southamerica/article/common/pics/box_title_bottom.gif);background-position: top;background-repeat: repeat-x;color: #A4DD2B;}
Vous modifiez ce qui est en rouge et effacez ce qui est en bleu
.box-content {padding: 8px 5px 5px 5px;background-image: none;background-position: top;background-repeat: repeat-x;color: #A4DD2B;}
POUR ENLEVER LA FRISE DU BAS DANS LE MODULE

La ligne existe déjà dans le CSS
.box-footer {font-size: 0px; height: 10px; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/264/southamerica/article/common/pics/box_footer_background.gif);}
Vous modifiez ce qui est en rouge
.box-footer {font-size: 0px; height: 10px; background-image: none;}
POUR ENLEVER LA FRISE DU HAUT DE L'ARTICLE

La ligne existe déjà dans le CSS
.contenuArticle, .extrait {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/264/southamerica/article/common/pics/article_title_bottom.gif);background-position: top; background-repeat: repeat-x;  color: #FFF;}
Vous modifiez ce qui est en rouge et effacez ce qui est en bleu
.contenuArticle, .extrait {background-image: none;
background-position: top; background-repeat: repeat-x; color: #FFF;}
POUR ENLEVER LE FOND DE L'ARTICLE

Cette ligne existe déjà dans le CSS

Si votre article est dans la 1ère colonne à gauche,
#cl_1_0 {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/264/southamerica/article/common/pics/article_background.gif);background-position: middle center; padding:0px;}
Vous modifiez ce qui est en rouge et effacez ce qui est en bleu
#cl_1_0 {background-image: none;background-position: middle center; padding:0px;}
Si votre article est dans la 2ème colonne à gauche,
#cl_1_1 {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/264/southamerica/article/common/pics/article_background.gif);background-position: middle center; padding:0px;}
Vous modifiez ce qui est en rouge et effacez ce qui est en bleu
#cl_1_1 {background-image: none;background-position: middle center; padding:0px;}
Si votre article est dans la 3ème colonne à gauche, l'intitulé est
#cl_1_2 {background-image: url(http://fdata.over-blog.com/99/00/00/01/templates/264/southamerica/article/common/pics/article_background.gif);background-position: middle center; padding:0px;}
Vous modifiez ce qui est en rouge et effacez ce qui est en bleu
#cl_1_2 {background-image: none;background-position: middle center; padding:0px;}
POUR ENLEVER LE FOND DU TITRE DE L'ARTICLE

Cette ligne est à créer
.divTitreArticle h2, .infoExtrait {background-image: none;}
POUR ENLEVER LA COULEUR DE FOND QUI APPARAÎT SOUS L'IMAGE DE FOND DU TITRE DE L'ARTICLE

Toujours dans cette ligne que vous venez de créer, vous rajoutez ce qui est en bleu
.divTitreArticle h2, .infoExtrait {background-image: none;background:none;}
POUR ENLEVER LA FRISE SOUS L'ARTICLE

Vous rajoutez cette ligne
.afterArticle, .plusExtrait {background-image: none;}
POUR ENLEVER LA FRISE DANS LE PIED DE PAGE

La ligne existe, il faut la compléter
#footer {background-image: none;}
POUR ENLEVER LE FOND DANS LE PIED DE PAGE

La ligne est à rajouter
#cl_2_0 {     background-image:none ;}
POUR MODFIER LA BORDURE DE COULEUR SUR LES COTES DU BLOG

C'est une couleur. La ligne existe déjà, il suffit de modifier le code couleur
body {background: #272A1A;}
POUR MODIFIER LE FOND AU CENTRE SUR LES 1-2 OU 3 COLONNES

Il faut rajouter la ligne
#ln_1 {background-image: none;}

Aucun commentaire:

Enregistrer un commentaire

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)