Image translucide et visible au contact de la souris

4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image translucide et visible au contact de la souris

Message par Slaizen Mar 23 Mar 2010 - 3:11

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
avatar

Slaizen
**

Messages : 78
Inscrit(e) le : 17/04/2008

http://maketheevolution.com/
Slaizen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image translucide et visible au contact de la souris

Message par Asorane Mar 23 Mar 2010 - 9:38

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 :

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>
Asorane

Asorane
***

Féminin
Messages : 119
Inscrit(e) le : 14/01/2010

http://asorane-sw.forum-actif.net/
Asorane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image translucide et visible au contact de la souris

Message par Invité Mar 23 Mar 2010 - 10:10

Bonjour,

que doit on mettre
Code:
<span class="imgopa">code pour votre image</span>

a cet endroit "code pour votre image"
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image translucide et visible au contact de la souris

Message par Asorane Mar 23 Mar 2010 - 10:23

Salut =)
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" />
Asorane

Asorane
***

Féminin
Messages : 119
Inscrit(e) le : 14/01/2010

http://asorane-sw.forum-actif.net/
Asorane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image translucide et visible au contact de la souris

Message par Invité Mar 23 Mar 2010 - 11:06

Bonjour,
Wink merci je l'avais compris trop tard Embarassed
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image translucide et visible au contact de la souris

Message par Asorane Mar 23 Mar 2010 - 11:12

De rien !
Asorane

Asorane
***

Féminin
Messages : 119
Inscrit(e) le : 14/01/2010

http://asorane-sw.forum-actif.net/
Asorane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image translucide et visible au contact de la souris

Message par MS Sam 27 Mar 2010 - 18:45

Salut,
j'aimerai avoir cet effet translucide mais dans quel CSS faut-il insérer ce script??
avatar

MS
Nouveau membre

Messages : 5
Inscrit(e) le : 17/03/2010

http://maxi-soccers.forumactif.org
MS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image translucide et visible au contact de la souris

Message par Asorane Sam 27 Mar 2010 - 23:48

Bonsoir,
je ne comprend pas votre question >.<
Insérez ce code dans votre feuille de style CSS : Affichage > Couleurs > onglet CSS
Asorane

Asorane
***

Féminin
Messages : 119
Inscrit(e) le : 14/01/2010

http://asorane-sw.forum-actif.net/
Asorane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image translucide et visible au contact de la souris

Message par Rørø Dim 28 Mar 2010 - 9:23

    Merci beaucoup je recherchais aussi ce tutoriel !
Rørø

Rørø
*

Féminin
Messages : 44
Inscrit(e) le : 29/10/2009

http://black-swan.forumactif.org/
Rørø a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image translucide et visible au contact de la souris

Message par MS Dim 28 Mar 2010 - 16:54

Merci de l'indication... Désolé de ne pas avoir té très clair mais je n'avais pas tout compris.

Merci
avatar

MS
Nouveau membre

Messages : 5
Inscrit(e) le : 17/03/2010

http://maxi-soccers.forumactif.org
MS a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum