4 sept. 2010

(OverBlog) Modifier le design Modern Times

L'exercice consiste à enlever les 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 MODERN TIMES.
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
#top {background-image: url(http://fdata.over-blog.net/99/00/00/01/designs/280/default/pics/top.gif);background-repeat: no-repeat;text-align: center;padding: 20px 20px 0px 0px;height: 127px;font-size:1.6em;}
POUR ENLEVER LE FOND DANS LES COLONNES

Effacez ce qui est en rouge
#ln_1 {background: #F3F3F3 url(http://fdata.over-blog.net/99/00/00/01/designs/280/default/pics/bg-global.jpg) no-repeat top;}
POUR ENLEVER LE FOND DANS LA NAVIGATION

Effacez ce qui est en rouge
.article, .page {margin-top: 5px;padding: 0 0 0 0;font-size: 1.1em;
background-image: url(http://fdata.over-blog.net/99/00/00/01/designs/280/default/pics/bg-article.jpg);background-position: bottom;background-repeat: repeat-x;width: 99%;}
POUR ENLEVER LE FOND DANS LES COMMENTAIRES

Effacez ce qui est en rouge
.commentMessage {margin-bottom: 0px;background: #EAEAEA;}
POUR ENLEVER LE FOND DANS LES COORDONNEES SOUS LES COMMENTAIRES

Effacez ce qui est en rouge
.commentOption {text-align: right;margin-bottom: 10px;background-image: url(http://fdata.over-blog.net/99/00/00/01/designs/280/default/pics/bg-article.jpg);background-position: bottom;background-repeat: repeat-x;font-size: 10px;}
POUR ENLEVER LE FOND DANS LES TITRES DE MODULE

Effacez ce qui est en rouge
.box-titre h2 {background-image: url(http://fdata.over-blog.net/99/00/00/01/designs/280/default/pics/box-title.gif);background-repeat: no-repeat;background-position: left top;padding: 0px;font-size: 1.2em;color: black;margin: 0px;}
.box-titre span {background-image: url(http://fdata.over-blog.net/99/00/00/01/designs/280/default/pics/box-header.gif);background-repeat: no-repeat;background-position: right top;padding: 9px 0px 3px 30px;display: block;margin: 0px;text-transform: uppercase;}
POUR ENLEVER LE FOND DANS LES MODULES

Effacez ce qui est en rouge
.box-content {background-color: #CCC;color: #03C;padding: 5px;}
POUR ENLEVER LE FOND DANS LE PIED DES MODULES

Effacez ce qui est en rouge
.box-footer {background: url(http://fdata.over-blog.net/99/00/00/01/designs/280/default/pics/box-footer-middle.jpg) repeat-x top;margin: 0; padding: 0; height: 25px;}
.box-footer h2 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/280/default/pics/box-footer-right.jpg) no-repeat right top;margin: 0; padding: 0; height: 25px;}
.box-footer span {background: url(http://fdata.over-blog.net/99/00/00/01/designs/280/default/pics/box-footer-left.jpg) no-repeat left top;margin: 0; padding: 0; height: 25px; display: block;}
POUR ENLEVER LE FOND DANS LE PIED DE PAGE

Effacez ce qui est en rouge
#ln_2 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/280/default/pics/bg-bottom.gif) bottom no-repeat;padding: 0px;height: 76px;}

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)