(OverBlog) Modifier le design Flowerily

Nous allons supprimer les différents 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 FLOWERILY.
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 ROUGE 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/359/default/pics/bkg-body.jpg) repeat-x; background-color: #fcfcfc; font-family: 'Arial','Georgia', Verdana, Helvetica, sans-serif; font-size: 12px; color:#0E4456; line-height: 18px;}
#header {background: url(http://fdata.over-blog.net/99/00/00/01/designs/359/default/pics/bkg-body.jpg) repeat-x;}

ENLEVER LE FOND GRIS DANS LES REPONSES AUX COMMENTAIRES

Effacez ce qui est en rouge

.responseMessage {text-align:right; background-color: #DFDFDF; color: #8252E; padding: 5px 10px 5px 0;}

ENLEVER LE FOND GRIS CLAIR DANS LES COLONNES ARTICLE ET MODULES

Effacez ce qui est en rouge

#global {width: 980px; margin:auto; background-color: #fcfcfc; border:0px; margin-top: 0px;}
#ln_1 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/359/default/pics/global.jpg) no-repeat top;}
#cl_2_0 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/359/default/pics/footer.jpg) no-repeat;}

ENLEVER LA LIGNE SOUS L'ARTICLE

Effacez ce qui est en rouge

.article, .page {margin-top:0px;  padding: 0; margin-bottom: 50px; color:#0E4456; text-align: justify; font-size: 12px; border-bottom: 1px solid #DFDFDF; padding-bottom: 25px;}

ENLEVER LA LIGNE SOUS LES COORDONNEES DES COMMENTATEURS

Effacez ce qui est en rouge

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

ENLEVER LA LIGNE ENTRE LES COLONNES

Effacez ce qui est en rouge

#cl_1_0 {float: left; width: 610px; padding: 0 15px; margin-right: 25px; border-right: 1px solid #DFDFDF; margin-top: 25px;}

Selon le nombre et la disposition de vos colonnes, effacez les border que vous trouverez dans #cl_1_1 et #cl_1_2

ENLEVER LA LIGNE SOUS LES LIENS DES MODULES

Effacez ce qui est en rouge

.text li, .lien li,   .articlerecent li, .micropayment li, .micropayment li, .commentrecent li, .categorie li {background: url(http://fdata.over-blog.net/99/00/00/01/designs/359/default/pics/li.jpg) no-repeat left center; min-height: 20px; padding: 5px 0 0 15px; line-height: 13px; border-bottom: 1px solid #DFDFDF;}

ENLEVER LA PETITE FLECHE DEVANT LES LIENS DES MODULES

Effacez ce qui est en rouge

.text li, .lien li,   .articlerecent li, .micropayment li, .micropayment li, .commentrecent li, .categorie li {background: url(http://fdata.over-blog.net/99/00/00/01/designs/359/default/pics/li.jpg) no-repeat left center; min-height: 20px; padding: 5px 0 0 15px; line-height: 13px; border-bottom: 1px solid #DFDFDF;}