• Alterner les styles dans une liste de liens

    Par Maximum 34 dans 8-Classiques CSS le 11 Mars 2015 à 16:50

    Afin de bien dissocier les items d'une liste:

     

     

    Convient pour les listes dans les modules de liens du menu latéral. 
    L'effet de la liste ci-dessus est obtenu avec ce CSS

    /*module de liens numero XXXXXXXXX*/

    #module_menuXXXXXXXXX li:nth-child(even) a { color: orange; font-style: bold; border-bottom: 1px solid white;}/*pair*/

    #module_menuXXXXXXXXX li:nth-child(odd) a { color: lightblue; font-style: bold; }/*impair*/

    « Thème Mix border-imageEffet 3D pour image dans un article »
    Partager via Gmail Yahoo! Google Bookmarks

  • Commentaires

    1
    SCRAP-FVS Profil de SCRAP-FVS
    Vendredi 1er Mai 2015 à 13:24
    SCRAP-FVS

    Bonjour.

    Est-ce que les liens avec ta version peuvent être toujours cliquables dans une autre couleur ?
    Ton CSS annule t-il cette fonction ou pas ?

    Ex. sur mon blog les liens sont bleu-gris, et quand on passe la souris dessus ils deviennent blanc.

    Amitiés. Dani

    Répondre
    2
    Maximum 34 Profil de Maximum 34
    Vendredi 1er Mai 2015 à 18:38
    Maximum 34

    Bonjour dani, 

    Si tu veux les liens d'une couleur différente au survol souris, 
    tu peux ajouter ( pour tous les liens pairs et impairs survol en blanc)

    #module_menuXXXXXXXXX li a:hover { color: white;}

     

    Répondre
    3
    SCRAP-FVS Profil de SCRAP-FVS
    Samedi 2 Mai 2015 à 19:40
    SCRAP-FVS

    Merci beaucoup pour l'astuce Maximum !

    Bonne soirée. Dani

    Répondre


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


//script feuille de style suppl