(OverBlog) Modifier le design Exploitable

Voici un design un peu plus fourni et donc compliqué à décortiquer :

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

Vous effacez ce qui est en rouge

body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/368/default/pics/body.jpg) repeat-x; background-color: #e3e7ed; font-family: 'Arial','Georgia', Verdana, Helvetica; font-size: 12px; color:#787878; line-height: 18px;}

POUR ENLEVER LA BANDE BLEUE ET NOIRE DANS L'ENTETE

Vous effacez ce qui est en rouge

#header {background: url(http://fdata.over-blog.net/99/00/00/01/designs/368/default/pics/body.jpg) repeat-x; background-color: #e3e7ed;}

POUR ENLEVER LES FINES BORDURES EXTERNES DANS LES COLONNES

Vous effacez ce qui est en rouge

#ln_1 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/368/default/pics/ln_1.jpg) repeat-y;}

POUR ENLEVER LE FOND BLANC DANS LES COLONNES

Vous effacez ce qui est en rouge

#global {background: url(http://fdata.over-blog.net/99/00/00/01/designs/368/default/pics/global-bottom.jpg) no-repeat bottom; background-color: #FFF;}

POUR ENLEVER LE FOND QUI RESTE EN BAS DES COLONNES

Vous effacez ce qui est en rouge

#global {background: url(http://fdata.over-blog.net/99/00/00/01/designs/368/default/pics/global-bottom.jpg) no-repeat bottom; background-color: #FFF;}

POUR ENLEVER LE FOND BLEU DANS LES ARTICLES

Vous effacez ce qui est en rouge

.article, .page {margin-top:0px;  padding: 0; background: url(http://fdata.over-blog.net/99/00/00/01/designs/368/default/pics/articleh2.jpg) no-repeat top; color:#5C5C5C; text-align: justify; font-size: 12px; padding: 5px 0 0; margin-bottom: 50px;}
.article, .pageContent, .beforePage, .divPageTitle {background-color: #b3ddf3;}
.afterArticle, .afterPage {color:#787878; font-style: italic; margin-top: 15px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/368/default/pics/article-footer.jpg) no-repeat bottom; background-color: #b3ddf3; padding: 0 5px 7px;}

POUR ENLEVER LE FOND BLANC DANS LA NAVIGATION

Vous effacez ce qui est en rouge

.article_navigation {line-height: 14px; background-color: #FFF; margin: 0; width: 100%; padding-top: 10px;}

POUR ENLEVER LE FOND FONCE DANS LES REPONSES AUX COMMENTAIRES

Vous effacez ce qui est en rouge

.responseMessage {text-align:right; background-color: #787878; color: #000; padding: 5px 10px 5px 0;}

POUR ENLEVER LA LIGNE SOUS LE TITRE DE L'ARTICLE

Vous effacez ce qui est en rouge

.article h2, .divPageTitle h2 {padding-top: 10px; min-height: 30px; margin: 0; line-height: 22px; padding-bottom: 0px; border-bottom: 1px dotted #999999; margin: 0 5px;}

POUR ENLEVER LES LIGNES SOUS LES COORDONNEES DES COMMENTATEURS

Vous effacez ce qui est en rouge

.commentOption {color: #787878; padding: 2px; margin-bottom: 25px; font-size: 11px; margin-left: 5px; border-bottom: 1px solid #787878; padding-bottom: 3px;}

POUR ENLEVER LE FOND DANS LE TITRE DES MODULES

Vous effacez ce qui est en rouge

.box h2 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/368/default/pics/box-h2.gif) no-repeat left top; height: 40px; font-size: 18px; margin: 20px 0 20px 5px; color:#FFFFFF; font-weight: normal; line-height: 36px; padding-left: 30px; font-family: 'Georgia','Arial';}

POUR ENLEVER LES LIGNES SOUS LES LIENS DES MODULES

Vous effacez ce qui est en rouge

.text li, .lien li,   .articlerecent li, .micropayment li, .micropayment li, .commentrecent li, .categorie li {min-height: 20px; border-bottom: 1px dotted #999999; padding: 5px 0 0 0; line-height: 13px; line-height: 15px;}