2 oct. 2010

(OverBlog) Modifier le design Gestured


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

Effacez ce qui est en rouge
#global {margin:auto; background-color: #000; border:0px; width: 950px; margin-top: 30px;}
#global {background: url(http://fdata.over-blog.net/99/00/00/01/designs/357/default/pics/global.jpg) no-repeat;}
ENLEVER LE FOND NOIR DANS L'ENTETE

Effacez ce qui est en rouge
#top {width: 905px; margin: auto; padding:0px; color:#FFF; background: url(http://fdata.over-blog.net/99/00/00/01/designs/357/default/pics/top-bkg.png) no-repeat center; background-color:transparent; text-align: left; height: 135px; padding-left: 35px; padding-top: 100px;}
ENLEVER LA LIGNE SUR LA BARRE DE NAVIGATION

Effacez ce qui est en rouge
.article, .page {margin-top:0px;  padding: 0; margin-bottom: 50px; color:#FFFFFF; text-align: justify; font-size: 12px; border-bottom: 1px solid #2C4449;}
ENLEVER LA LIGNE SOUS LES COORDONNEES DES COMMENTATEURS

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

Effacez ce qui est en rouge
.responseMessage {text-align:right; background-color: #737373; color: #000; padding: 5px 10px 5px 0;}
ENLEVER LA LIGNE SOUS LE TITRE DES MODULES

Effacez ce qui est en rouge
.box h2 {color: #FFF; font-size: 18px; font-weight: normal; font-family:'Tahoma','Verdana'; text-transform:capitalize; border-bottom: 1px solid #2C4449; padding: 10px; padding-left: 0; margin: 10px;}
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 3px; line-height: 13px; border-bottom: 1px dashed #314A4F;}

7 commentaires:

  1. Bonjour et merci Annak pour tous ces précieux articles!
    Concernant Gestured: les liens sont d'un gris peu visible, existe-t-il une solution pour en changer la couleur?
    Merci, coeurdialement!

    RépondreSupprimer
  2. Bonjour :) ça aurait été plus facile de tester en direct sur ton blogs.
    Pour le cas général, si tu ajoutes en fin de CSS :
    a, .contenuArticle a, .box-content a {color:white!important}
    La majorité des liens devraient être écrits en blanc.

    RépondreSupprimer
  3. Bonjour Annak!!!!
    Je fouille depuis hier sur ton blog, qui est une mine d'informations, mais je n'ai pas trouvé de réponse à mon soucis!
    Je vais essayer d'être claire. J'ai changé ma bannière via le css, ça OK.
    Dans le contenu personnalisé, j'ai mis une image transparente qui se place sur la bannière avec le lien vers l'accueil.
    Sous cette image transparente, j'ai mon menu flash. Alors jusque là, tout allait bien, mais depuis un bug d'OB, mon menu n'apparait plus car l'entête ne s'agrandit plus automatiquement!
    J'ai essayé de bidouiller, je n'y arrive pas!!! J'ai été obligée de mettre mon menu au dessus des articles en attendant! Si tu pouvais me renseigner, ce serait génial!
    Merci pour ce blog, ça m'a déjà permi de changer quelques trucs sur lesquels je butais depuis des semaines!!!! :-)

    RépondreSupprimer
  4. Évidemment, il fallait que je pose la question pour qu'enfin je tombe sur le bon bidouillage height: auto !!!! :D

    RépondreSupprimer
  5. Bonjour, voila je voulais vous demander comment on fais pour changer la couleur noir des fonds des colonnes et tout en une autre couleurs .

    RépondreSupprimer
  6. Voici mon adresse de blog:http://aquarelle.louise.louise.over-blog.com
    Je viens de changer mon thème graphique pour celui de ''Gestured''. Il possède la barre de pagination dans le bas de la page seulement. J'aimerais bien en installer une dans le haut des pages, juste entre le module de bienvenu et ceux des articles. Est-ce possible et comment faire? Merci de votre réponse.

    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)