Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
***[RÉSOLU] Modifier la couleur des liens.
  • Bonjour, 

    J'ai cherché la réponse à ma questions sur le forum, dans les divers sujets recommandés par les modos etc, et aussi en dehors. 
    J'ai vu sur le net des exemples de bidouilles CSS et HTML, mais ca n'a pas l'air de marcher. 

    Mon problème est le suivant: dans mes articles il y a des liens, et ces liens sont en bleu clair sur un fond gris clair. Et en fait ils son presque invisibles. Je voudrais simplement les mettre dans un bleu un peu plus soutenu (et assombrir légèrement le fond, ca j'ai fait tout seul ^^). 
    Je devrais arriver à trouver un code couleur tout seul, aucun souci pour ca. 

    Mais je ne sais pas du tout où trouver dans la feuille HTML l'emplacement de la couleur des liens. J'ai essayé diverses formules dans le CTRL + F, sans succès. 

    Comment faire donc pour trouver l'endroit à modifier dans la page HTML? Et quelle formule utiliser? 

    Merci beaucoup, et encore désolé pour mes questions régulières. Bientôt j'aurais terminé la personnalisation du blog et je ne vous embêterai plus! ^^ 
    O:-)
  • Bonjour,
    dans le css, avant la balise </style> tu colles
    .ob-text a {color:#le code couleur ;}
    .ob-text a:hover {color:#le code couleur ; }

    le premier, c'est la couleur du lien, le second, le lien au survol.

  • Bonjour,

    Pour les liens c'est avec "a" (seul ou associé)

    /* -- Liens -- */
    a {
    color: #FFFFFF;
    }

    ou (idem à "a")

    /* -- Liens -- */
    a:link {
    color: #FFFFFF;
    }

    /* -- Liens déjà visité -- */
    a:visited {
    color: #FFFFFF;
    }

    /* -- Liens au passage du curseur-- */
    a:hover {
    color: #FFFFFF;
    }

    /* -- Liens déjà cliqué -- */
    a:active {
    color: #FFFFFF;
    }

    mais aussi plus "spécialisé"/"ciblé" exemple ; 
    #menu a
    #menu a:hover
    #menu .active a
    .single .meta a:hover
    .pagination a
    etc.

    tu peux donner une couleur (comme dans les exemples), mais aussi
    text-decoration:
    font-size:
    background-image:
    etc.

    Bref y a moyen de personnaliser...

    Dans ton cas je ciblerais avec des 
    article a
    article a:hover
  • Mince, j'ai été trop bavard :))
  • Je n'ai pas trop compris l'avant dernier message. Si je veux que tous les liens (articles, menu...) soient en bleu je fais quoi ?
    http://litterature-jeunesse.over-blog.fr
    Merci
  • ça y est j'ai compris. Par contre j'ai des lien vers des pages dans le menu à gauche et c'est toujours en vert, je fais comment ?

    C'est bon j'ai réussi
  • Mais non, Vger, tu n'as pas été trop bavard, au contraire tes explications sont très complètes et pour ce sujet ça m'a beaucoup aidé! =D>
  • Eh bien je vais sans doute passer pour un clown... mais ca n'a absolument pas marché. 

    Ni la solution Kinou, ni la solution Vger. 

    Mes liens restent éternellement dans la même couleur. Peut-être y-a-t-il une ligne de code "prioritaire" ou un truc de ce genre qui définit la couleur des liens. Et pour la trouver...
  • Tu avais bien mis avant avant </style> ?

    et pas avant <style> (ni juste après)

    Rafraîchi la page (ou rechargé [Ctrl F5]) après ?
  • J'ai bien copié juste avant le </style> , au même endroit ou j'avais déjà mis d'autres trucs qui avaient parfaitement fonctionné. 

    Par contre je vais essayer avec ctrl f5 pour voir... dernier essai avant dodo. 
  • Sais pas où tu as collé les lignes, mais je ne les vois pas dans le css.
        
  • @Kinou, moi-non plus pour ça que je pose ces questions...

    @auteur-roman-koncept
    Peut-être tu n'as pas complété mon code (que j'avais pas mis pensant peut-être à tort que tu comprendrais])

    article a {
    color: #FFFFFF:
    }
    article a:hover {
    color: #FFFFFF;
    }
  • Ca ne marche pas. 
    Regarde ce que j'ai: 

     <!--[if lt IE 9]>
                <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
                <style type="text/css">
                    .bg {behavior:url(http://assets.over-blog-kiwi.com/themes/34/js/PIE.htc)}       
     
                    /*Repost masqué*/
                    .ob-share {display:none!important;}
                    ob-admin-toolbar .lnk_repost{display:none!important;}    

    .ob-text a {color:#FFFFFF ;}
    .ob-text a:hover {color:#FFFFFF ; }
        
    </style>
        <![endif]-->


    Et ca ne fonctionne pas. Je testerai autre chose demain. Bonne nuit. 
  • J'ai mis les lignes juste avant le </style>. Et pour la couleur j'ai mis FFFFFF juste par défaut pour le test. 

    J'ai essayé au même endroit avec les codes de Vger; 

    Et oui j'avais compris pour le article a; Mais ca n'a pas mieux marché...
  • Bref, je file, je me remettrai dessus demain matin. Bonne nuit à vous. 
  • pas d'espace entre FFFFFF et ;

    .ob-text a {color: #FFFFFF;}
    .ob-text a:hover {color: #FFFFFF;}