11 sept. 2010

(OverBlog) Modifier le design Conjuction


Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle CONJUCTION.
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 LA BANDE BLEUE EN HAUT DU BLOG

Effacez ce qui est en rouge
body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/374/default/pics/body.jpg) repeat-x; background-color: #b9b99d; font-family: 'Georgia','Arial', Verdana, Helvetica; font-size: 12px; color:#464646; line-height: 18px;}
ENLEVER LE FOND GRIS DANS LES MARGES EXTERIEURES

Effacez ce qui est en rouge
body {margin:0px; padding:0px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/374/default/pics/body.jpg) repeat-x; background-color: #b9b99d; font-family: 'Georgia','Arial', Verdana, Helvetica; font-size: 12px; color:#464646; line-height: 18px;}
ENLEVER LE FOND BLANC DANS LES ARTICLES

Effacez ce qui est en rouge
.article, .page {margin-top:0px;  padding: 0; background-color: #FFF; color:#464646; text-align: justify; font-size: 12px; padding: 5px 10px 15px 10px; margin-bottom: 25px;}
ENLEVER LA LIGNE SOUS LE TITRE DE L'ARTICLE

Effacez ce qui est en rouge
.article h2, .divPageTitle h2, .column_content .micropayment h2 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/374/default/pics/articleh2.jpg) no-repeat left bottom; min-height: 30px; margin: 0; margin-top: 5px; line-height: 24px;  padding-bottom: 10px;}
ENLEVER LE FOND BLANC DANS LES COMMENTAIRES

Effacez ce qui est en rouge
.commentMessage {padding: 0; margin: 0; color:#464646; text-align: justify; padding-left: 10px; padding-top: 5px; background-color: #fff;}
ENLEVER LE FOND BLANC DANS LES REFERENCES DES COMMENTATEURS

Effacez ce qui est en rouge
.commentOption {color: #66665E; padding: 2px; padding-left: 5px; margin-bottom: 25px; font-size: 10px; font-family: 'Arial'; margin-left: 0px; background-color: #fff; border-bottom: 1px solid #66665E; padding-bottom: 3px;}
ENLEVER LA LIGNE SOUS LES REFERENCES DES COMMENTATEURS

Effacez ce qui est en rouge
.commentOption {color: #66665E; padding: 2px; padding-left: 5px; margin-bottom: 25px; font-size: 10px; font-family: 'Arial'; margin-left: 0px; background-color: #fff; border-bottom: 1px solid #66665E; padding-bottom: 3px;}
ENLEVER LE FOND NOIR DANS LES REPONSES AUX COMMENTAIRES

Effacez ce qui est en rouge
.responseMessage {text-align:right; background-color: #464646; color: #FFF; padding: 5px 10px 5px 0;}
ENLEVER LE FOND NOIR DANS Ecrire un commentaire A LA FIN DES COMMENTAIRES

Effacez ce qui est en rouge
.afterReactions a {padding: 3px 5px; font-size: 12px; text-decoration: none; color:#fff; font-weight: normal; background-color: #464646;}
ENLEVER LE FOND BLANC DANS LES MODULES

Effacez ce qui est en rouge
.box {margin:0px; padding:5px; margin-bottom: 25px; background-color: #fff;}
ENLEVER LA LIGNE SOUS LE TITRE DES MODULES

Effacez ce qui est en rouge
.box h2 {font-size: 18px; margin: 0; margin-bottom: 10px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/374/default/pics/box-titre.jpg) no-repeat left bottom; padding: 10px; padding-bottom: 15px; color:#238EC6; font-weight: normal; line-height: 22px;}
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; background: url(http://fdata.over-blog.net/99/00/00/01/designs/374/default/pics/li.jpg) no-repeat left; border-bottom: 1px dotted #c1c1c1; padding: 7px 0 3px 15px; 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 {min-height: 20px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/374/default/pics/li.jpg) no-repeat left; border-bottom: 1px dotted #c1c1c1; padding: 7px 0 3px 15px; line-height: 14px; /line-height: 15px;}

10 commentaires:

  1. Bonjour,
    J'ai un petit soucis avec un module libre de ce design.
    J'ai mis un module libre au-dessus des articles (pas en en-tête) et je souhaiterai réduire la marge du bas. j'ai bien nommé ce module mais je ne sais pas comment le travailler en css.
    Peux-tu m'aider? Merci d'avance.

    RépondreSupprimer
  2. Salut AnnaK,

    Une amie a installé ce thème mais il n'a de pagination et les articles postés ont ne peut plus les retrouver sur la page d'accueil...

    Stp peux tu jeter un oeil là

    http://www.tout-en-rouge.com

    Je te remercie infiniment de ton aide précieuse comme d'habitude

    Cordialement

    Taous

    RépondreSupprimer
  3. Annak,
    C'est la solution a été trouvée !

    Désolé pr le com

    Au plaisir toute fois

    Taous

    RépondreSupprimer
  4. Bonjour Aude :)
    Il s'appelle
    #humeur
    et pour fixer sa hauteur, tu rajoutes tout en bas du CSS
    #humeur {height:200px;}

    RépondreSupprimer
  5. Super merci beaucoup Annak, je viens de l'appliquer et c'est nickel. pour ma compréhension, à quoi correspond height et pourquoi le padding-bottom ne marche pas?
    Et du coup, je vais encore t'embêter, j'ai essayé de réduire:
    -l'espace sous la ligne grise dans tous les modules (pas article)
    -l'espace entre les noms des catégories
    j'ai fait plusieurs essais mais rien de concluant!
    merci beaucoup par avance :)

    RépondreSupprimer
  6. Bonjour Aude :)
    Height est la hauteur et padding-bottom est la marge intérieure du bas.
    Pour les 2 questions suivantes, je vois que tu as rajouté dans ton CSS :
    .box-content {color: #404040; font-family: Trebuchet MS; margin-top: -9px; overflow: auto; padding: 2px 4px; }
    .categorie .box-content li, .lien .box-content li {padding:0 15px}
    Il faut en effet touché aux padding ou margin, qui sont tous les 2 des marges.

    RépondreSupprimer
  7. BONJOUR ! J'ai un gros souci j'ai voulu tester de remettre le mode clasique et sa ma mis par défaut ma page d'article alors que j'avais une super page d'acceuil du coup j'ai ressayé de la reconfigurer mais ya toujours un espace entre mes texte libre et ma bannière que dois je faire pour recuperai mon blog comme il eté ? http://direct-mangas.over-blog.com/

    RépondreSupprimer
  8. Bonjour Annak,

    J'ai le design conjuction et je voudrais savoir comment modifier la couleur de :"écrire un commentaire".

    l'adresse de mon blog est :

    http://lecoupdefourchettedesandrine.over-blog.com/

    Merci beaucoup.

    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)