• Effet CSS sur les images/liens des articles

    Par Maximum 34 le 20 Décembre 2014 à 22:32

    Afin de différencier et avertir le visiteur des images cliquables, on peut ajouter un style particulier au survol de l'image avec la souris: 

    Ainsi, actuellement dans cet article  les images liens ont une bordure intérieure qui apparait au survol .

    Les images non cliquables, elles, sont identiques hors survol et au survol souris.

     

    hortensia la la !  courbe and co

     

     

    Le style est le suivant:

    outline: 4px ridge rgb(105,105,105); outline-offset: -2px;

    Il est appliqué uniquement aux images qui pointent vers un lien et uniquement aux images présentes dans un article donc le sélecteur est:

    .article_text a img:hover

    ----------------

    Par défaut, la souris change lorsqu'on passe sur un lien ( une main sur un lien, une flèche ailleurs)

    on peut aussi enregistrer une souris particulière pour le survol des images/ liens  avec un "ajouter du CSS"

    /***********ajout curseur spécial liens des articles************/

    .article_text a:hover{cursor: url("http://ekladata.com/OWykeK926BqDqi6k-2gbfG3EUQA.gif"), auto;}

    /****FIN code curseur********/

       

                                                                     

                                                                                tulipes sans lien tulipes avec lien

    .article_text a img:hover {border: inset 4px white;}
    Partager via Gmail Yahoo! Google Bookmarks

    votre commentaire
//script feuille de style suppl