Image translucide et visible au contact de la souris
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image translucide et visible au contact de la souris
Yosh ! J'ai remarqué que sur plusieurs forum, plusieurs utilisais un code permettant a une image d'être semi transparente ou bien légèrement blanche et qu'au contact de la souris, celle-ci devien entièrement visible. J'aimerais savoir comment intégrer ceci a mon forum, merci.
ex : http://naruto-sedai.forumactif.org/forum.htm
ex : http://naruto-sedai.forumactif.org/forum.htm
Re: Image translucide et visible au contact de la souris
Bonjour !
Pour votre question, il faut jouer sur l'opacité des images dans le CSS.
Créez une classe dans le CSS et changez son opacité selon que vous passez la souris dessus ou pas, comme ça :
Ensuite, quand vous voulez insérer une image qui sera à demi transparente, insérez-la de cette façon :
Pour votre question, il faut jouer sur l'opacité des images dans le CSS.
Créez une classe dans le CSS et changez son opacité selon que vous passez la souris dessus ou pas, comme ça :
- Code:
.imgopa {
opacity: 0.3 ;
}
.imgopa:hover {
opacity: 1;
}
Ensuite, quand vous voulez insérer une image qui sera à demi transparente, insérez-la de cette façon :
- Code:
<span class="imgopa">code pour votre image</span>
Re: Image translucide et visible au contact de la souris
Bonjour,
que doit on mettre
a cet endroit "code pour votre image"
que doit on mettre
- Code:
<span class="imgopa">code pour votre image</span>
a cet endroit "code pour votre image"
Invité- Invité
Re: Image translucide et visible au contact de la souris
Salut =)
A cet endroit, vous insérez une image comme vous le faîtes normalement, c'est-à-dire avec ce code :
A cet endroit, vous insérez une image comme vous le faîtes normalement, c'est-à-dire avec ce code :
- Code:
<img src="url de l'image" />
Re: Image translucide et visible au contact de la souris
Bonjour,
merci je l'avais compris trop tard
merci je l'avais compris trop tard
Invité- Invité
Re: Image translucide et visible au contact de la souris
Salut,
j'aimerai avoir cet effet translucide mais dans quel CSS faut-il insérer ce script??
j'aimerai avoir cet effet translucide mais dans quel CSS faut-il insérer ce script??
Re: Image translucide et visible au contact de la souris
Bonsoir,
je ne comprend pas votre question >.<
Insérez ce code dans votre feuille de style CSS : Affichage > Couleurs > onglet CSS
je ne comprend pas votre question >.<
Insérez ce code dans votre feuille de style CSS : Affichage > Couleurs > onglet CSS
Re: Image translucide et visible au contact de la souris
- Merci beaucoup je recherchais aussi ce tutoriel !
Re: Image translucide et visible au contact de la souris
Merci de l'indication... Désolé de ne pas avoir té très clair mais je n'avais pas tout compris.
Merci
Merci
Sujets similaires
» Champ contact, info bulle au survol de la souris fausse.
» image réactive : modification de l'image au passage de la souris
» Image non visible
» Image qui suit la souris
» Redimensionner une image à la souris
» image réactive : modification de l'image au passage de la souris
» Image non visible
» Image qui suit la souris
» Redimensionner une image à la souris
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum