(OverBlog) Modifier le design Asterisk

Le design Asterisk est assez basique donc facile à modifier.

Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle ASTERISK.
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 HORIZONTALE TOUT EN HAUT DU BLOG

Effacez ce qui est en rouge

body {margin:0px; padding:0px; background: #FFFFFF url(http://fdata.over-blog.net/99/00/00/01/designs/372/default/pics/img01.gif) repeat-x scroll left top; color:#787878; font-size:12px; font-family: Arial,Helvetica,sans-serif;}

ENLEVER LE FOND DANS LA DATE

Effacez ce qui est en rouge

.beforeArticle .date {float: right; background:url(http://fdata.over-blog.net/99/00/00/01/designs/372/default/pics/img07.gif) no-repeat; color:#FFFFFF; font-size: 80%; height:60px; width: 76px;}

ENLEVER LA LIGNE AU-DESSUS DU TITRE DE L'ARTICLE

Effacez ce qui est en rouge

.divTitreArticle, .divPageTitle { height: 48px; padding: 1px 0 15px 20px; margin: -40px; width: 900px; margin-left: -15px; margin-top: 10px;border-top:1px dashed #D1D1D1; line-height:10px; padding-left: 20px;}

ENLEVER LE FOND DANS LES COMMENTAIRES

Effacez ce qui est en rouge

.commentMessage {padding: 0; margin: 0; color:#464646; text-align: justify;background-color:#DDEFF4;}

ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

Effacez ce qui est en rouge

.responseMessage {text-align:right; background-color: #FEF4DF; color: #666; padding: 5px;}

ENLEVER LES LIGNES SOUS LES COORDONNEES DES COMMENTATEURS

Effacez ce qui est en rouge

.commentOption {text-align: left; font-size: 10px; color:#66665E; margin-bottom: 25px; border-bottom: 1px solid #EEE; }

ENLEVER LA COCHE DEVANT LE TITRE DES MODULES

Effacez ce qui est en rouge

.box-titre h2 { height: 30px; padding: 0px 0 2px 20px; background:url(http://fdata.over-blog.net/99/00/00/01/designs/372/default/pics/img04.gif) no-repeat 0px 5px;}

ENLEVER LA LIGNE SOUS LES LIENS DES MODULES

Effacez ce qui est en rouge

.box-content li {border-bottom:1px dashed #D1D1D1; line-height:35px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/372/default/pics/img06.gif) no-repeat scroll 6px 50%;  padding-left: 21px;}

ENLEVER LA PUCE DEVANT LES LIENS DES MODULES

Effacez ce qui est en rouge

.box-content li {border-bottom:1px dashed #D1D1D1; line-height:35px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/372/default/pics/img06.gif) no-repeat scroll 6px 50%;  padding-left: 21px;}