2 oct. 2010

(OverBlog) Modifier le design Club Card

Voici un design un peu plus compliqué à modifier :


Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle CLUB CARD.
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

ENLEVER LA BANDE NOIRE EN HAUT DU BLOG

Effacez ce qui est en rouge
body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/395/default/pics/body.jpg) repeat-x; background-color: #ffffff; font-family: 'Arial', Verdana, Helvetica; font-size: 12px; color:#B0B0B0; line-height: 18px;}
ENLEVER LE FOND NOIR DANS LES ARTICLES

Effacez ce qui est en rouge
.article, .page {margin-top:0px; background-color: #3E3C3D; color:#B0B0B0; text-align: justify; margin-bottom: 25px; padding: 10px;}
ENLEVER LA LIGNE SOUS LE TITRE DE L'ARTICLE

Effacez ce qui est en rouge
.article h2, .divPageTitle h2 {min-height: 20px; margin: 0; margin-top: 5px; line-height: 24px; margin-left: 0px; border-bottom: 3px solid #8E8C8D; padding-bottom: 5px;}
ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

Effacez ce qui est en rouge
.responseMessage {text-align:right; background-color: #3E3C3D; color: #fff; padding: 5px 10px 5px 0;}
ENLEVER LA LIGNE EN POINTILLE SOUS LES REFERENCES DES COMMENTATEURS

Effacez ce qui est en rouge
.commentOption {padding: 2px 2px 3px 5px; margin: 0 0 25px 0; font-size: 10px; color:#B0B0B0; border-bottom: 1px dashed #B0B0B0; font-style: normal; font-weight: bold;}
ENLEVER LE FOND DANS LE TITRE DES MODULES

Effacez ce qui est en rouge
.box h2 {font-size: 14px; margin: 0px; padding: 10px; background-color: #678B1D; border-bottom: 1px dashed #95C72A; color:#fff; text-transform: uppercase; font-weight: bold; line-height: 20px;}
ENLEVER LE FOND DANS LE CONTENU DES MODULES

Effacez ce qui est en rouge
.box-content {overflow: hidden; padding: 10px 5px; color:#45781d; background-color: #95C72A;}
ENLEVER LA LIGNE SOUS LE TITRE DES MODULES

Effacez ce qui est en rouge
.box h2 {font-size: 14px; margin: 0px; padding: 10px; background-color: #678B1D; border-bottom: 1px dashed #95C72A; color:#fff; text-transform: uppercase; font-weight: bold; line-height: 20px;}

1 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)