-
Effet CSS sur les images/liens des articles
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.
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********/
.article_text a img:hover {border: inset 4px white;}
-
Commentaires
Aucun commentaire pour le moment
Ajouter un commentaire