8 sept. 2010

(OverBlog) Modifier le design Ignition

Voici un design un peu plus compliqué à modifier


Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle IGNITION.
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 ROUGE 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/356/default/pics/body.gif) repeat-x; background-color:#2e0815; font-family: 'Tahoma','Arial', Verdana, Helvetica, sans-serif; font-size: 11px; color:#E75982; line-height: 18px;}
ENLEVER LE FOND ROUGE DANS LES COLONNES ARTICLE ET MODULES

Effacez ce qui est en rouge
#ln_1 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/default/pics/ln_1.jpg) repeat-y;}
#cl_1_0 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/default/pics/cl_1_0.jpg) no-repeat top; }
#cl_1_1 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/default/pics/cl_1_1.jpg) no-repeat top; }
ENLEVER LE FOND ROUGE DANS LE PIED DE PAGE

Effacez ce qui est en rouge
#cl_2_0 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/default/pics/cl_2_0-945.jpg) no-repeat bottom; }
ENLEVER LE FOND ROSE DANS LES REPONSES AUX COMMENTAIRES

Effacez ce qui est en rouge
.responseMessage {text-align:right; background-color: #FFA1BD; color: #2e0815; padding: 5px 10px 5px 0;}
ENLEVER LA BULLE A DROITE DU TITRE

Effacez ce qui est en rouge
.article h2, .divPageTitle h2 {padding-top: 20px; min-height: 42px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/356/default/pics/beforearticle.gif) no-repeat right top; margin: 0; line-height: 22px;}
ENLEVER LA LIGNE SOUS LA DATE

Effacez ce qui est en rouge
.contenuArticle {margin-top: 0px; border-top: 1px dashed #a6315a ; padding-top: 25px;}
ENLEVER LA LIGNE SOUS LES COORDONNEES DES COMMENTATEURS

Effacez ce qui est en rouge
.commentOption {color: #FFA1BD; padding: 2px; margin-bottom: 25px; font-size: 11px; margin-left: 5px; border-bottom: 1px dashed #FFA1BD; padding-bottom: 3px;}
ENLEVER LA LIGNE EN DESSOUS DU TITRE DES MODULES

Effacez ce qui est en rouge
.box h2 {color: #fff; font-size: 22px; font-weight: normal; font-family:'Arial','Verdana'; text-transform:capitalize; border-bottom: 1px dashed #a6315a ; padding: 10px; padding-bottom: 15px; margin: 10px;}

6 commentaires:

  1. bonjour,
    nous avons un blog qui avait comme modèle "overblog", je crois bien que ça n'existe plus. Serait il possible qu'on passe (sans perte) sur ignition (blanc) pour mieux profiter des améliorations (pas de menus visible) (version mobile) etc et pour pouvoir évoluer plus facilement.
    Sinon je serais bien passée sous wordpress mais bonjour pour récupérer...
    merci pour tous tes tuyaux, pardon tes ficelles ;-)

    RépondreSupprimer
  2. PS Ce qui me branche dans ignition c'est la publication du nombre de commentaires dans la bulle...merci encore !

    RépondreSupprimer
  3. Bonjour Dom,
    En changeant de modèle de design, tu vas perdre toutes les modifications réalisées sur le design OverBlog. Comme je n'ai pas l'adresse de ton blog, je ne sais pas s'il y en a beaucoup.
    Mais tu ne perdras pas le contenu (articles, photos ...)

    RépondreSupprimer
  4. voilà, j'ai modifié ma signature j'ai du m'emmêler les pinceaux !

    RépondreSupprimer
  5. Bonsoir anna,
    c'est la bulle avec le nb de commentaires qui nous intéresse dans ce désign, est ce que en fait chez overblog ce n'est pas possible ?
    Merci de ta réponse

    RépondreSupprimer
  6. Bonjour Dom, je t'avais répondu par mail, ça a dû bugguer. Malheureusement, la bulle de ce design est purement décorative. Elle est placée dans le CSS dans la ligne correspondant au titre des articles, pas dans les commentaires.

    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)