Bonjour !

J'avais vu ici un tuto ou un code, qui permettait d'obtenir un CSS qui permettait d'avoir le remplacement d'une image par une autre lors du hover. Je m'explique :

Normal : ♣ Lien
Avec hover : ♠ Lien

Je pensais à un remplacement sur le CSS en lui même, mais je n'ai pas les balises correspondantes..

Il m'est malheureusement impossible de retrouver ce sujet... Pourriez-vous m'aider ?

Je vous remercie d'avance

Bonjour,

J'ai vu ce sujet, ce n'est pas ce que je recherche. (Elle parle d'images, je parle de texte. et juste de l'icône sur le côté, comme sur mon modèle)

Ce n'est pas nécessairement un lien, c'est par le CSS, donc je suppose que ça peut être n'importe quel texte.
Je parle du changement de "♣" à "♠"
Comme par exemple sur les noms de groupes du QEEL de CSSactif *je viens de voir ça*

Merci tout de même pour la réponse ♥

ça serait pas un problème avec les befores ? (:

Je pense que tu veux parler d'une class, non?
Tu mets une class dans ton css, par exemple comme ceci:

Code:

.chose{}

.chose:hover{}

Tu remplis comme tu le souhaites, entre les accolades, et là où tu veux que le hover s'applique, tu mets:

Code:

<div class="chose">CONTENU</div>

Voilà ^w^
Bisous~

Un tutoriel existe déjà ici: https://css-actif.forumactif.org/astuces-f33/avant-et-apres-comment-ca-marche-t2516.htm

Bonjour et merci à tous pour les réponses !

Orange, c'était bien ce sujet que je cherchais, mais le nom m'avait échappé, alors quand je suis passée dans les astuces, cela ne m'a pas semblé apparaitre.

Merci beaucoup, mon problème est résolu !