Image translucide et visible au contact de la souris

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

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 le 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
***

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é le 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"

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 le 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
***

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é le Mar 23 Mar 2010 - 11:06

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

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 le Mar 23 Mar 2010 - 11:12

De rien !

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 le Sam 27 Mar 2010 - 18:45

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

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 le 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
***

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ø le Dim 28 Mar 2010 - 9:23

    Merci beaucoup je recherchais aussi ce tutoriel !

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

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


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