Opacité d'une image-lien
rémihubert
-
Varokj -
Varokj -
Bonjour,
Je monte mon site via indexhibit (un CMS), et dans le fichier style.css j'ai bidouillé pour que le texte cliquable n'apparaisse que quand la souris est dessus :
a:link { text-decoration: none; color: white; }
a:active { text-decoration: none; color: white; }
a:visited { text-decoration: none; color: white; }
a:hover { text-decoration: none; color: red; }
Et j'aimerai trouver un scripte du genre qui me permette de faire pareil avec les images cliquable.
Je m'explique : que lorsque la souris n'est pas sur l'image, elle soit transparente, et qu'elle n'apparaisse qu'uniquement quand la souris est dessus.
Bref, faire le même effet pour les images que pour mon texte.
Voilà, j'espère avoir été clair.
Bien à vous,
rémi
Je monte mon site via indexhibit (un CMS), et dans le fichier style.css j'ai bidouillé pour que le texte cliquable n'apparaisse que quand la souris est dessus :
a:link { text-decoration: none; color: white; }
a:active { text-decoration: none; color: white; }
a:visited { text-decoration: none; color: white; }
a:hover { text-decoration: none; color: red; }
Et j'aimerai trouver un scripte du genre qui me permette de faire pareil avec les images cliquable.
Je m'explique : que lorsque la souris n'est pas sur l'image, elle soit transparente, et qu'elle n'apparaisse qu'uniquement quand la souris est dessus.
Bref, faire le même effet pour les images que pour mon texte.
Voilà, j'espère avoir été clair.
Bien à vous,
rémi
A voir également:
- Opacité d'une image-lien
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Image iso - Guide
- Légender une image - Guide
1 réponse
Yo,
Avec ton code le texte apparaît bien, il est juste blanc sur fond blanc, donc on le voit pas(mais si tu passes la souris dessus il est sélectionnable):
a:link { text-decoration: none; color: white; }/* pour la calsse link le texte n'est pas souligné et de couleur blanche*/
a:active { text-decoration: none; color: white; }/* idem lorsqu'on reste appuyer sur un lien de classe "link", noter qu'on s'en sert rarement vu le délai entre le clic et le moment ou l'utilisateur lâche le bouton*/
a:visited { text-decoration: none; color: white; }/* indiques le style de liens de la classe link pour un lien déjà visité, il est indique aux 2 du dessus*/
a:hover { text-decoration: none; color: red; } /* pour la balise <a> en html(celle du lien) donc la classe est link(class="link") la couleur au survol(pseudo classe hover) est rouge*/
En css c'est la propriété display qui permet de masquer un élément, comme ceci:
display:none;
Le css n'est pas du scripting mais du balisage (comme le html), les scripts c'est javascript actionscript et php par exemple, donc de la programmation.
Quelques notions de css vous ferait pas du mal car "bidouiller" un truc sans rien connaître c'est un bon moyen de se retrouver avec des pièces détachées inutilisables ;)
Ceci mis à part c'est pas du tout recommandé de mettre un lien qu'on ne voit pas...
L'ergonomie(prise en main) du site doit être facilité et pas compliquer sous peine que le visiteur ne trouves pas ce qu'il cherche ou même quittes directement un site qui n'est pas facile à prendre en main(peu d'internautes ont envie de jouer à trouver Charlie pour changer de page).
Avec ton code le texte apparaît bien, il est juste blanc sur fond blanc, donc on le voit pas(mais si tu passes la souris dessus il est sélectionnable):
a:link { text-decoration: none; color: white; }/* pour la calsse link le texte n'est pas souligné et de couleur blanche*/
a:active { text-decoration: none; color: white; }/* idem lorsqu'on reste appuyer sur un lien de classe "link", noter qu'on s'en sert rarement vu le délai entre le clic et le moment ou l'utilisateur lâche le bouton*/
a:visited { text-decoration: none; color: white; }/* indiques le style de liens de la classe link pour un lien déjà visité, il est indique aux 2 du dessus*/
a:hover { text-decoration: none; color: red; } /* pour la balise <a> en html(celle du lien) donc la classe est link(class="link") la couleur au survol(pseudo classe hover) est rouge*/
En css c'est la propriété display qui permet de masquer un élément, comme ceci:
display:none;
Le css n'est pas du scripting mais du balisage (comme le html), les scripts c'est javascript actionscript et php par exemple, donc de la programmation.
Quelques notions de css vous ferait pas du mal car "bidouiller" un truc sans rien connaître c'est un bon moyen de se retrouver avec des pièces détachées inutilisables ;)
Ceci mis à part c'est pas du tout recommandé de mettre un lien qu'on ne voit pas...
L'ergonomie(prise en main) du site doit être facilité et pas compliquer sous peine que le visiteur ne trouves pas ce qu'il cherche ou même quittes directement un site qui n'est pas facile à prendre en main(peu d'internautes ont envie de jouer à trouver Charlie pour changer de page).
