4 sept. 2010

(OverBlog) Modifier le design Element

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 ELEMENT.
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 LE FOND NOIR DANS L'ENTETE

Effacez ce qui est en rouge
#ln_0 {background: url(pics/hdr_bg.gif) center bottom repeat-x #2B262E;}
POUR ENLEVER LE FOND BLEU FONCE DANS LE PIED DE PAGE

Effacez ce qui est en rouge
#cl_2_0 {border-top: 1px solid #5B5840;background: url(pics/ftr_bg2.gif) top repeat-x #628B98;}
POUR ENLEVER LE FOND BLEU CLAIR QUI SUBSISTE DANS LE PIED DE PAGE

Effacez ce qui est en rouge
#ln_2 {border-left: 1px solid #93C1C7;border-right: 1px solid #93C1C7;border-bottom: 1px solid #93C1C7;background: url(pics/ftr_bg1.gif) bottom repeat-x #93C1C7;}
POUR ENLEVER LE FOND BLANC GLOBAL DANS LES COLONNES

Effacez ce qui est en rouge 
#ln_1 {background-color: #FFF;}
#cl_1_0 {background-color: #FFF;}
#cl_1_1 {background-color: #FFF;}
POUR ENLEVER L'ENCADREMENT GLOBAL DES COLONNES

Effacez ce qui est en rouge 
#ln_1 {border-top: 1px solid #FFF; border-left: 1px solid #93C1C7;border-right: 1px solid #93C1C7;}
POUR ENLEVER LE TRAIT SOUS LA DATE

Effacez ce qui est en rouge 
.date {margin: 0 0 5px 0; padding: 0;width: 100%;border-bottom: 1px solid #93C1C7;text-transform: lowercase;font-size: 13px;color: #93C1C7;}
POUR ENLEVER LE TRAIT SOUS LE TITRE DE L'ARTICLE

Effacez ce qui est en rouge 
.contenuArticle, .pageContent, .extrait {border-top: 1px solid #3A3365;}
POUR ENLEVER LE TRAIT SOUS COMMENTAIRES

Effacez ce qui est en rouge  
.h2commentMessage {margin: 30px 0 5px 0;color: #334D65;font-size: 16px;border-bottom: 1px solid #334D65;}
POUR ENLEVER LE TRAIT AU-DESSUS D'ECRIRE UN COMMENTAIRE (tout à la fin)

Effacez ce qui est en rouge  
.afterReactions {border-top: 1px solid #334D65;text-align: right;font-size: 16px;}
POUR ENLEVER LE FOND BLEU FONCE DES MODULES

Effacez ce qui est en rouge
#cl_1_1 .box {margin:auto;margin-bottom:15px;background: url(pics/box300_bg.gif) bottom repeat-x #93A9C7;}
POUR ENLEVER LE FOND BLANC DES TITRES DES MODULES

Effacez ce qui est en rouge 
#cl_1_1 .box-titre {background-color: #FFF;margin: 0px;padding: 0 5px 0 5px;}

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)