J'ai pris comme modèle le Design Ethnic South América, mais je pense que tous les Désign Ethnic ont le même  design, seuls les fonds différent.


AVANT TOUTES ACTIONS :

• Dans Design, vérifiez que vous avez bien sélectionné un modèle ETHNIC
• En haut du CSS, vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.
• En bas du CSS, vérifiez que les 4 cases héritages sous le CSS sont cochées.

Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Global Mon Style
Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style




Vous rajouter la ligne

#ln_0 {background-image: none;}

Vous complétez cette ligne que vous venez de créer, avec ce qui est en rouge

#ln_0 {background: none;background-image: none;}



Vous rajouter la ligne

#cl_0_0 {background-image: none;}



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;}


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;}



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;}



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;}



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;}



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;}



Cette ligne existe déja 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;}




Cette ligne est à créer

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


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;}



Vous rajoutez cette ligne

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



La ligne existe, il faut la compléter

#footer {background-image: none;}



La ligne est à rajouter

#cl_2_0 {     background-image:none ;}


C'est une couleur. La lign existe déjà, il suffit de modifier le code couleur

body {background: #272A1A;}




Il faut rajouter la ligne

#ln_1 {    background-image: none;}