2 oct. 2010

(OverBlog) Modifier le design Characterized


Vous allez dans Design > Thèmes prédéfinis, vous vérifiez que vous avez bien sélectionné un modèle CHARACTERIZED.
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 {width: 950px; margin:auto; background-color: #000; border:0px; margin-top: 0px;}
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:#8A8A8A; text-align: justify; font-size: 12px; border-bottom: 1px dashed #8A8A8A; padding-bottom: 25px;}
ENLEVER LA LIGNE SOUS LES COORDONNEES DES COMMENTATEURS

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

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

Effacez ce qui est en rouge
.box h2 {color: #FFFFFF; font-size: 18px; font-weight: normal; text-transform:capitalize; padding: 10px 10px 10px 15px; margin: 0px; height: 30px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/361/default/pics/img04.jpg) no-repeat; }
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 {background: url(http://fdata.over-blog.net/99/00/00/01/designs/361/default/pics/img06.gif) no-repeat left; min-height: 20px; padding: 13px 0 0 20px; line-height: 13px; border-bottom: 1px solid #1d1d1d; padding-bottom: 5px;}

17 commentaires:

  1. Coucou anna
    je me demande si cela est possible non pas d'enlever la ligne sous les commentaires mais de la remplacer par des pointillés placés au milieu....si oui comment faire...
    Merci pour ta réponse
    PS autre question est ce possible d'etre prévenue quand on laisse un com sur ton blog car parfois je ne sais plus dans quelle rubrique je l'ai posté.......oups

    RépondreSupprimer
  2. Bonjour Lady C :)
    1/ Pour mettre des pointillés, il suffit de modifier ainsi
    .commentOption {color: #66665E; padding: 2px; margin-bottom: 25px; font-size: 11px; margin-left: 5px; border-bottom: 1px solid #66665E; padding-bottom: 3px;}
    Si par "placé au milieu", tu entends moins large, ce n'est pas possible.

    2/ Pour suivre les réponses aux commentaires d'un article précis, il faut cliquer sur "s'abonner par mail" sous la fenêtre de saisie du commentaire.

    RépondreSupprimer
  3. Bonjour,

    Moi je souhaiterai remplacer la couleur violette des liens hypertexte.
    J'ai vu qu'il fallait ajouter ça au CSS :
    .article a {color:##0090DB};

    Seulement, aprés enregitrement, le th-me characterized disparais..

    Merci

    RépondreSupprimer
  4. Bonjour Mazert :) je pense que tu as déjà fait des modifications de design par la fonction personnalisation ? Malheureusement on ne peut pas et modifier le CSS et utiliser cette fonction. Il faut choisir l'un ou l'autre. Oui, c'est pas génial

    RépondreSupprimer
  5. Bonjour Annak,

    Tout d'abord mille mercis de tes précieux conseils sur ce blog.
    Je suis dessus la construction de mon blog depuis des jours et des jours quand j'ai ENFIN découvert tes pages !
    C'est du pain béni pour moi qui suis une mamie débutante dans le domaine.

    Par contre, je rencontre quelques soucis sur cette version et je ne sais comment procéder. Si tu pouvais m'aider, je gagnerai un temps précieux.

    J'ai des lignes en pointillé, comment les enlever ?
    Est-il possible de réduire la hauteur des modules ?
    Comment faire un lien avec Contact, Catégorie, Titre des Pages...
    Comment paramétrer un Livre d'Or ?

    D'avance, mille mercis de tes précieux conseils.

    Que ta journée soit douceur et riche de moments heureux.

    Cordiales salutations.

    Soriah

    RépondreSupprimer
  6. Bonjour Soriah :)
    Il me semble que tu as modifié ton design par la fonction Personnaliser. Le problème est que pour modifier les traits et la hauteur de module, tu dois passer par le CSS et alors tes modifications précédentes vont s'effacer, il faudra les refaire. Mais si tu te sens le courage, il faut rajouter tout en bas du CSS :
    Pour enlever les lignes en pointillé
    #articleAccueil {border:0px;}
    .article {border:0px;}
    Pour réduire la hauteur des modules
    .box {margin:0px; padding:0px; margin-bottom:0px;}

    Maintenant, pour rajouter un lien contact, tu vas en HTML d'un module texte libre et tu colles :
    Pour me contacter

    Pour faire un lien vers une page ou une catégorie, il faut son adresse que tu trouves dans la barre du navigateur, tout en haut. Ensuite, tu colles en html d'un module texte libre :

    Vers ma page A

    Pour le livre d'or, des sites en proposent, regarde cet article http://les-nouvelles-ficelles-d-annak.blogspot.com/2010/08/installer-un-livre-dor.html

    RépondreSupprimer
  7. Bonsoir c'est encore moi :) Alors voila cette fois j'ai un soucis avec mon menu personnalisé, en faite ma rubrique "art" ne rentre pas comme il faut et selon les navigateurs, ma dernière rubrique apparait soit en dessous, soit au bonne endroit. Je ne sais pas comment améliorer cette barre pour qu'elle soit plus jolie si on peux dire!

    J'attend que tu éclaire ma lanterne ;)
    Merci d'avance

    RépondreSupprimer
  8. Bonsoir,
    j'ai modifié le blog que je compte ouvrir mais je rencontre 2 petits soucis:

    1° je ne parviens pas à modifier le CSS sur I.E
    je dois passer par mozilla pour le faire

    2°toutes mes modifs tests apparaissent sur mozilla mais aucunes sur I.E...

    Aurais-tu des solutions pour m'aider?

    Je tiens aussi à te remercier pour ton blog qui est une mine d'or pour les débutants, même si on patauge au début on fini par comprendre des petits trucs....et avancer!!:)

    Ness

    RépondreSupprimer
  9. Bonjour Ness :) il y a toujours eu des problèmes pour faire fonctionner l'administration OB avec IE. J'utilise toujours FireFox. C'est donc "normal".
    Mais, ensuite, les modifications apparaissent sur les 2 navigateurs. Tu as un cas particulier où ça marche pas ? Tu penses bien à enregistrer ? car les visualisations ne se voient que sur le navigateur avec lequel tu modifies. Ce ne sont pas des modifications définitives.

    RépondreSupprimer
  10. Bonsoir Anna ,
    merci pour ta reponse...
    Donc pour visualiser mon blog il faut que je conseille d'utiliser FireFox...
    Sinon je pense avoir bien enregistrer les changements....
    Les changements qui n'apparaissent pas sur IE ce sont les photos que j'ai inserées dans les modules texte libre et categorie....
    Je vais continuer a tester tout ça en tout cas grace à toi
    Encore merci
    Ness

    RépondreSupprimer
  11. Allo Anna, plein de bonnes idées bien expliquées ici.. Dis-moi, sur OB, j'aimerais placer un mini lecteur MP3 chargé avec ma musique pris dans ma liste MP3 perso. Est-ce que ça se fait mettre ce lecteur MP3 sur mon blog? Comment je m'y prends? Comment avoir un code alors? Je ne saisis pas comment ça fonctionne. Merci.

    RépondreSupprimer
  12. Bonsoir Anna,

    Je viens de faire une fausse manip sur mon CSS et j'ai effacé toutes les modifications que j'avais réussi à faire à grand peine...
    Et là, je suis coincée.
    Aussi je fais appel à ton savoir pour gagner un temps qui m'est précieux.

    Comment puis-je :
    - Enlever l'icône page devant chaque article, commentaire ?
    - Dans mon haut de page, j'ai mis un module Texte Libre et je n'arrive pas à mettre le titre en jaune ?
    - Comment puis-je centrer en hauteur le titre de mes modules ?
    - Comment puis-je diminuer l'espace entre le titre du module et le listing des articles ?

    D'avance, merci de tes précieux renseignements.

    Une soirée douceur à toi.

    Cordiales salutations.

    Soriah

    RépondreSupprimer
  13. Re bonsoir Anna,

    Je reviens vers toi pour avoir un conseil de la professionnelle que tu es.
    Voilà, sur mon blog, j'ai mis un module catégorie contenant la galerie de photos de mes mandalas.
    Il se trouve qu'il y est noté le nombre de photos par rubrique et j'aimerai, en cliquant dessus que tous les noms des mandalas apparaissent pour que le lecteur puisse choisir...

    Par ailleurs j'ai mis un autre module OM AIVANHOV contenant des pages et, étant à saturation -30 pages- j'ai donc rajouté une rubrique AIVANHOV et vais convertir toutes mes pages en articles.
    Là encore, le mieux pour moi est-il d'insérer une rubrique dans mon Module Catégorie comme je viens de faire ?
    N'y a t'il pas possibilité de faire 2 voire 3 Catégories ?

    J'ai pensé mettre un menu déroulant, j'ai vu que cela est un peu galère...
    Si c'est la meilleure solution, peux-tu me donner une trame s'il te plaît ?

    Reçois toute ma gratitude pour ton intervention.

    Au bonheur de te lire,

    Cordiales salutations.

    Soriah

    RépondreSupprimer
  14. Bonjour Anna,

    Je reviens vers toi, ma petite fée d'Overblog...

    J'ai fait une grosse bêtise....
    J'ai effacé la ligne sous mes articles de partage....
    Je n'ai plus les logos Facebook, Twitter...
    Je cherche désespérément et je ne trouve pas comment les remettre.

    De plus, j'aimerai mettre en avant le lien Contact dans présentation (agrandir les caractères, changer la couleur) et je ne sais comment procéder...

    Mille mercis de tes judicieuses réponses.

    Du soleil plein ton coeur ma belle petite fée.

    Namasté

    Soriah

    RépondreSupprimer
  15. Bonsoir Ana et mille mercis pour votre investissement.

    Je rencontre quelques problèmes avec le blog que je suis en train de faire pour une amie.

    Les voici :
    1/Les titres de pages tapés par exemple : Le pourquoi du comment apparaît sous la forme Le Pourquoi Du Comment, à savoir une majuscule à chaque mot ??? c'est bon dans les modules.

    2/ Ecrire un commentaire - Voir le commentaire apparaissent en rose ???

    3/ Mes articles arrivent tout en bas de la page ???

    4/ Peut-on supprimer le cadre j'aime - envoyer ?

    J'ai fait 5 autres blogs et n'ai jamais eu de problèmes, mais là je bloque.

    Adresse : www.elerollegalerie.com

    D'avance un immense merci,
    Myriam

    RépondreSupprimer
  16. Bonjour Anna,
    J'essaye de changer le design CHARACTERIZED et pas moyen en regardant le mode CSS tout à changer... c'est à plus rien comprendre surtout pour une personne qui n'y a jamais toucher, que puis-je faire pour rendre ce blog un peu plus agréable et aussi enlever cette couleur rose pour la signalisation des commentaires...
    En te remerciant par avance
    Bonne journée

    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)