2 oct. 2010

(OverBlog) Modifier le design Deviation


Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle DEVIATION.
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 LA DATE

Effacez ce qui est en rouge
.beforeArticle, .beforePage {padding: 5px 0px; width:600px; background-color: #E9E3CB; color:#464032; text-align: right; margin: 10px 0 10px 0; display: block; font-size: 13px; font-style: normal; font-weight: bold; line-height: 15px;}
ENLEVER LA LIGNE SOUS LES COORDONNEES DES COMMENTATEURS

Effacez ce qui est en rouge
.commentOption {padding: 2px 2px 3px 5px; margin: 0 0 25px 0; font-size: 11px; color:#464032; border-bottom: 1px solid #464032; font-style: normal; font-weight: bold;}
ENLEVER LE FOND DANS LES REPONSES AUX COMMENTAIRES

Effacez ce qui est en rouge
.responseMessage {text-align:right; background-color: #464032; color: #FFFDEA; padding: 5px 10px 5px 0;}
ENLEVER LE FOND DANS LE TITRE DES MODULES

Effacez ce qui est en rouge
.box h2 {font-size: 18px; margin: 0px; padding: 10px; background-color: #E9E3CB; color:#464032; font-weight: normal; line-height: 20px;}
ENLEVER LA LIGNE VERTICALE ENTRE LES COLONNES

Effacez ce qui est en rouge
#cl_1_1 {float: left; width: 300px; padding: 0px 0 0 0; margin: 0 5px; border-left: 1px solid #e9e3cb;}
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 {min-height: 20px; padding: 5px 0 0 0px; border-bottom: 1px dotted #E5E0C6; line-height: 14px; /line-height: 15px;}

6 commentaires:

  1. bonsoir Anna, j'ai en base CSS la configuration déviation. Malgré de nombreuses interventions sur le CSS je ne trouve pas comment agrandir le background rose du menu pour qu'il fasse la largeur de la bannière soir 950 px. Je ne trouve pas non plus comment aligné sur la gauche ce premier background avec celui (en bleu) des dates d'articles sur la page accueil.

    Help me pleaaaaaase, j'ai le cerveau sens dessus-dessous .... Je craque ! bon, toute critique est la bienvenue comme d'hab.
    Merciiiii pour ton aide précieuse !

    RépondreSupprimer
  2. Bonjour Lutine :) je trouve ton blog très chou. Joli fond, jolie bannière et jolie écriture. Il me plaît beaucoup.
    Tes questions :
    1/ agrandir le background rose du menu pour qu'il fasse la largeur de la bannière soir 950 px.
    Rajoute tout en bas du CSS
    #menuob {/line-height: 25px; line-height: 22px; width: 950px!important; margin-bottom: 25px; background: #f9e2e0;
    border: 0px;
    padding: 0;
    margin-top: 0;position:absolute;margin-left:-10px;
    }
    #cl_1_1, .dateExtrait {margin-top:50px;}

    2/ aligner sur la gauche ce premier background avec celui (en bleu) des dates d'articles sur la page accueil.
    Dans ce cas, il faudrait rajouter
    #menuob {/line-height: 25px; line-height: 22px; width: 930px!important; margin-bottom: 25px; background: #f9e2e0;
    border: 0px;
    padding: 0;
    margin-top: 0;position:absolute;margin-left:10px;
    }
    #cl_1_1, .dateExtrait {margin-top:50px;}

    RépondreSupprimer
  3. Bonsoir Anna,
    tout d'abord, un grand merci pour ce blog qui est une vrai mine d'informations.
    On vient de se lancer dans la construction d'un blog et on tatonne encore.
    Je cherche à supprimer la date qui apparait avant chaque article dans le modele Deviation .
    Je te remercie beaucoup par avance
    Kids à Lille

    RépondreSupprimer
  4. Bonsoir !
    j'ai laissé un message hier mais il ne s'est pas affiché !
    J'ai un soucis avec mon module "catégorie" : quand on sélectionne une catégorie, les articles s'affichent mais pas ma bannière...
    2ème petit soucis, j'aimerais agrandir mon corps de texte (partie centrale blanche où se trouvent articles et modules) mais encore une fois, je ne sais pas comment faire...
    merci beaucoup pour ton aide !

    xx

    RépondreSupprimer
  5. Bonsoir . Votre aide va m'être précieuse ! je cherche comment mettre toute l'écriture dans mon blog en NOIR et non ce gris maronné . url :
    http://gavin.fi.over-blog.com . Je sais que c'est le code #000000 mais où le mettre? Merci de m'aider

    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)