12 sept. 2010

(OverBlog) Modifier le design Blogging

Il ne s'agit pas d'un design très compliqué à modifier.


Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle BLOGGING.
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 LE FOND DANS L'ENTETE

Effacez ce qui est en rouge
#header {background: url(http://fdata.over-blog.net/99/00/00/01/designs/369/default/pics/header.gif) no-repeat; background-color: transparent;}
ENLEVER LE FOND DANS LE TITRE DES ARTICLES

Effacez ce qui est en rouge
.article h2, .divPageTitle h2, .column_content .micropayment h2  {padding-top: 10px; min-height: 42px; margin: 0; line-height: 22px; padding-bottom: 0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/369/default/pics/articleh.jpg) no-repeat; padding-left: 45px;}
ENLEVER LE FOND DANS LE TITRE COMMENTAIRES

Effacez ce qui est en rouge
.h2commentMessage {color: #FFF; padding-top: 10px; min-height: 42px; margin: 0; line-height: 22px; padding-bottom: 0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/369/default/pics/boxh2.jpg) no-repeat; font-family: 'Georgia','Arial'; font-weight: normal; padding-left: 45px;}
ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

Effacez ce qui est en rouge
.responseMessage {text-align:right; background-color: #837669; color: #000; padding: 5px 10px 5px 0;}
ENLEVER LES LIGNES SOUS LES COORDONNEES DES COMMENTATEURS

Effacez ce qui est en rouge
.commentOption {color: #837669; padding: 2px; margin-bottom: 25px; font-size: 11px; margin-left: 5px; border-bottom: 1px solid #837669; padding-bottom: 3px;}
ENLEVER LE FOND DANS LES TITRES DES MODULES

Effacez ce qui est en rouge
.box h2 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/369/default/pics/boxh2.jpg) no-repeat left top; height: 40px; font-size: 18px; margin: 20px 0; color:#FFFFFF; font-weight: normal; line-height: 36px; padding-left: 45px; font-family: 'Georgia','Arial';}
ENLEVER LE FOND DANS LE PIED DE PAGE

Effacez ce qui est en rouge
#cl_2_0 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/369/default/pics/cl_2_0.jpg) no-repeat ;}

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)