4 sept. 2010

(OverBlog) Modifier le design Ice Cream

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 ICE CREAM.
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 LES 2 TRAITS EN BAS DE L'ENTETE

Le trait supérieur :

La ligne est déjà dans le CSS :
#top {border-bottom: 7px solid #62CBED;padding: 10px 10px 0 10px;color: #016AC3;margin-bottom: 3px;padding: 10px 10px 0 10px;font-size: 24px;font-weight: bold;text-align:left;}
vous modifiez ce qui est en rouge
#top {border-bottom: 0px solid #62CBED;padding: 10px 10px 0 10px;color: #016AC3;margin-bottom: 3px;padding: 10px 10px 0 10px;font-size: 24px;font-weight: bold;text-align: left;}
Le trait inférieur :

il faut rajouter cette ligne dans le CSS :
#ln_1 {border-top:0px;}
POUR ENLEVER LA COULEUR EN FOND DANS LE TITRE DU MODULE

Cette ligne existe déjà dans votre CSS :
.box-titre {border-bottom: 1px solid #F3FEFF;background-color:#62CBED;}
Vous la remplacez par
.box-titre { border-bottom: 1px solid #F3FEFF;background:none; }
POUR ENLEVER LA COULEUR EN FOND DANS LES MODULES

Cette ligne existe déjà dans votre CSS :
.box { background-color: #C8E7FF;border-bottom: 2px dotted #DDF2FF;}
Vous la remplacez par
.box { background:none;  border-bottom: 2px dotted #DDF2FF;}
POUR ENLEVER LE TRAIT DE SEPARATION ENTRE LE TITRE ET LE CONTENU DES MODULES

Toujours présent dans le CSS :
.box-content {  border-top: 5px solid #011FFF;}
Vous la remplacez par
.box-content { border-top: 0px solid #011FFF;}
POUR ENLEVER LE TRAIT EN POINTILLE EN BAS DES MODULES

Toujours présent dans le CSS  :
.box {   background: none;border-bottom: 2px dotted #DDF2FF;}
Vous la remplacez par
.box {background: none;border-bottom: 0px dotted #DDF2FF;}
POUR ENLEVER LE TRAIT SOUS LE TITRE DE L'ARTICLE

La ligne existe déjà dans le CSS
.divTitreArticle h2 {border-bottom:5px solid #269CFF;}
Vous remplacez par
.divTitreArticle h2 {border-bottom: 0px solid #269CFF;}
et vous rajoutez
#articleSeul h2 {border-bottom: 0px solid 269CFF;}
POUR ENLEVER LA COULEUR SOUS L'ARTICLE

La ligne est déjà dans le CSS :
.contenuArticle {background-color: #E6FCFF;border-left: 15px solid #C8E7FF;border-bottom: 1px solid #E6FCFF;}
Vous la modifiez
.contenuArticle {background: none;border-left: 15px solid #C8E7FF;border-bottom: 1px solid #E6FCFF;}
POUR ENLEVER LES BORDURES AUTOUR DES ARTICLES

Toujours dans cette même ligne
.contenuArticle {background-color: #E6FCFF;border-left:15px solid #C8E7FF;border-bottom: 1px solid #E6FCFF;}
Vous modifiez
.contenuArticle {background-color: #E6FCFF;  border-left:0px solid #C8E7FF; border-bottom: 1px solid #E6FCFF;}
POUR ENLEVER LA BORDURE DANS LES COMMENTAIRES

La ligne existe déjà dans le CSS
.commentMessage  {border-left: 15px solid #E6FCFF; border-bottom: 1px solid #F3FEFF; }
Vous la modifiez
.commentMessage  {border-left: 0px solid #E6FCFF; border-bottom: 1px solid #F3FEFF;    }

3 commentaires:

  1. Bonjour,
    D'abord merci et bravo pour ce site d'aide où je puise régulièrement mes idées d'amélioration pour mon blog . Aujourd'hui j'interviens pour le compte d'une amie qui a choisi le thème" Ice cream-curacao" et qui voudrais supprimer le trait horizontal qui apparait juste sous le titre de ses articles. Dans votre explication ci-dessus vous dites "la ligne existe déjà dans le CSS" ...... je ne vois absolument pas cette info sur le CSS de mon amie...Merci de m'informer.
    Bidule

    RépondreSupprimer
  2. Bonjour Bidule, si la ligne n'existe pas, il suffit de la rajouter tout à la fin du CSS
    .divTitreArticle h2 {border-bottom: 0px solid #269CFF;}
    Même si elle est en double, ce n'est pas dramatique. Ce sera la dernière ligne qui sera prise en compte.

    RépondreSupprimer
  3. Sacré bon travail, merci, ça m'a permis de faire pas mal de choses.
    Bonne soirée.
    Amitié
    Mariposa

    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)