4 sept. 2010

(OverBlog) Modifier le design Shades of grey

Le but de la manoeuvre est d'enlever les différents fonds et lignes qui composent ce design :


Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle SHADE OF GREY.
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 LIGNE ROSE EN HAUT DE L'ENTETE

Vous rajoutez la ligne
#cl_0_0 {border-top-width: 0px;}
POUR ENLEVER LE FOND GRIS DANS L'ENTETE

Vous complétez cette ligne que vous venez de créer, avec ce qui est en rouge
#cl_0_0 {background: none;border-top-width: 0px;}
POUR ENLEVER LA LIGNE ROSE EN HAUT DU TITRE DU MODULE

Cette ligne existe déjà dans votre CSS :
.box-titre { margin:0px;padding: 4px 5px 2px 5px;border-top: 7px solid #FE28A7;border-bottom: 1px dashed #7B7B7B;  background-color: #434343; }
vous allez la remplacer par
.box-titre { margin:0px;padding: 4px 5px 2px 5px;border-top: 0px solid #FE28A7;border-bottom: 1px dashed #7B7B7B;  background-color: #434343; }
POUR ENLEVER LE FOND GRIS DANS LE TITRE DU MODULE

Toujours dans la même ligne :
.box-titre { margin:0px;padding: 4px 5px 2px 5px;border-top: 0px solid #FE28A7;border-bottom: 1px dashed #7B7B7B;  background-color: #434343; }
que vous allez remplacer par
.box-titre { margin:0px;padding: 4px 5px 2px 5px;border-top: 0px solid #FE28A7;border-bottom: 1px dashed #7B7B7B;  background: none; }
POUR ENLEVER LE FOND GRIS CLAIR DANS TOUT LE MODULE

La ligne existe déjà dans le CSS :
.box { margin:auto; margin-bottom:15px; background-color: #7B7B7B; border-bottom: 1px solid #666666; }
Vous remplacez ce qui est orange par
.box { margin:auto; margin-bottom:15px; background:none; border-bottom: 1px solid #666666; }
POUR ENLEVER LE TRAIT SOUS LE TITRE DU MODULE

La ligne existe déjà dans le CSS
.box-titre { margin:0px;  padding: 4px 5px 2px 5px;  border-top: 0px solid #FE28A7;  border-bottom: 1px dashed #7B7B7B;  background: none;}
Vous la remplacez par
.box-titre { margin:0px;  padding: 4px 5px 2px 5px;  border-top: 0px solid #FE28A7;  border-bottom: 0px dashed #7B7B7B;  background: none;}
POUR ENLEVER LE TRAIT ROSE EN HAUT DU TITRE DE L'ARTICLE

Vous rajoutez la ligne dans le CSS
.divTitreArticle h2, #articleSeul h2{border-top-width: 0px;}
POUR ENLEVER LE FOND NOIR DANS LE TITRE DE L'ARTICLE

Dans cette ligne que vous venez de créer, vous rajoutez ce qui est en rouge
.divTitreArticle h2, #articleSeul h2{border-top-width: 0px;background:none;}
POUR ENLEVER LE TRAIT ENTRE LA DATE ET LE TITRE DE L'ARTICLE

La ligne existe déjà
.beforeArticle {padding:0px 0px 5px 0px; margin:0px; border-bottom:1px solid #808080; width:100%; }
Vous modifiez ce qui est en rouge
.beforeArticle {padding:0px 0px 5px 0px; margin:0px; border-bottom:0px solid #808080; width:100%; }
POUR ENLEVER LE FOND DANS LE CONTENU DE L'ARTICLE

Vous rajoutez la ligne
.contenuArticle {background:none;}
POUR ENLEVER LE TRAIT ENTRE LE TITRE DE L'ARTICLE ET LE CONTENU DE L'ARTICLE

Cette ligne n'existe normalement pas, mais vérifiez que vous ne l'avez pas déjà créée
.divTitreArticle h2, #articleSeul h2 {border-bottom-width: 0px;}
POUR ENLEVER LE FOND DANS LE PIED DE L'ARTICLE

Il faut créer cette ligne
.afterArticle {background:none;}
POUR ENLEVER LE TRAIT ROSE EN HAUT DES COMMENTAIRES

La ligne existe déjà dans le CSS
.commentMessage  { margin:0px; padding:5px; border-top: 1px solid #FE28A7; background-color: #A6A6A6; }
Vous la remplacez par
.commentMessage  { margin:0px; padding:5px; border-top: 0px solid #FE28A7; background-color: #A6A6A6; }
POUR ENLEVER LE FOND DANS LES COMMENTAIRES

Toujours dans cette ligne
.commentMessage  { margin:0px; padding:5px; border-top: 1px solid #FE28A7; background-color: #A6A6A6; }
vous modifiez ce qui est en rouge
.commentMessage  { margin:0px; padding:5px; border-top: 1px solid #FE28A7; background:none; }
POUR ENLEVER LE FOND DANS LES REFERENCES SOUS LES COMMENTAIRES

La ligne existe déjà dans le CSS
.commentOption   { text-align:right; margin-bottom:10px; padding: 3px 5px 2px 5px; background-color: #7B7B7B;  font-size: 10px; color:#363636; }
Vous modifiez ce qui est en bleu
.commentOption   { text-align:right; margin-bottom:10px; padding: 3px 5px 2px 5px; background:none;  font-size: 10px; color: #363636; }
POUR ENLEVER LE FOND DANS LE PIED DE PAGE

Vous rajoutez dans le CSS
#cl_2_0 { background: none;}
POUR ENLEVER LE TRAIT AU-DESSUS DU PIED DE PAGE

Toujours dans cette ligne nouvellement créée, vous rajoutez ce qui est en rouge
#cl_2_0 { background: none;border-top-width: 0px;}
POUR ENLEVER LE TRAIT EN BAS DU PIED DE PAGE

Toujours dans cette ligne nouvellement créée, vous rajoutez ce qui est en rouge
#cl_2_0 { background: none;border-bottom-width: 0px;}

1 commentaire:

  1. Merci pour tous ces renseignements très utiles pour personnaliser son blog, mais je ne trouve pas comment supprimer la barre bleu au dessus du titre des pages et modifier la taille et la couleur du titre des page.
    merci d'avance.
    Voici l'adresse de mon blog:http://cleborgne2.over-blog.com/
    Mon adresse mail: cleborgne2@gmail.com

    RépondreSupprimer

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)