26 sept. 2010

(OverBlog) Modifier le design Sky

Un design rapidement modifiable.


Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle SKY.
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
#header {height: 150px; margin-bottom: 0; background: url(http://fdata.over-blog.net/99/00/00/01/designs/380/default/pics/header.jpg) no-repeat;}
ENLEVER LA LIGNE EN POINTILLE EN FIN D'ARTICLE

Effacez ce qui est en rouge
.afterArticle, .afterPage {border-top: 1px dotted #939a3c; color:#999999; margin-top: 15px; font-weight: normal; font-size: x-small;}
ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

Effacez ce qui est en rouge
.responseMessage {text-align:right; background-color: #666666; color: #fff; padding: 5px 10px 5px 0;}
ENLEVER LE FOND DANS L'ENTETE DES MODULES

Effacez ce qui est en rouge
.box h2 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/380/default/pics/box-titre.jpg) no-repeat left top #5E80BD; text-transform: uppercase; font-family: 'Tahoma'; font-size: 12px;  margin: 0px; padding: 5px 5px 5px 10px ; color:#FFFFFF; font-weight: bold; line-height: 20px;}
ENLEVER LE FOND DANS LE CONTENU DES MODULES

Effacez ce qui est en rouge
.box-content {overflow:auto; padding: 10px 5px; color:#666666; background-color: #eff3f9;}
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/380/default/pics/li.gif) no-repeat left; min-height: 20px; padding: 5px 0 0px 15px; border-bottom: 1px dotted #1F1F21; line-height: 14px; /line-height: 15px;}
ENLEVER LA PUCE 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/380/default/pics/li.gif) no-repeat left; min-height: 20px; padding: 5px 0 0px 15px; border-bottom: 1px dotted #1F1F21; line-height: 14px; /line-height: 15px;}

2 commentaires:

  1. Bonjour , je suis en train d'améliorer mon blog à l'aide de vos excellentes explications ; je voudrais modifier la présentation de mes modules , mais je ne trouve pas d'explications de modif. de CSS pour le design MARINELIFE . Pourriez-vous m'aider SVP ? Merci beaucoup par avance . rev2sud

    RépondreSupprimer
  2. Bonjour Annak,
    Si j'ai besoin d'un conseil, je sais que je peux venir sur ton blog qui est riche de tes connaissances.
    Excellente après-midi à toi
    Amitiés, René

    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)