Code pour Opacité des Images.
2 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
Code pour Opacité des Images.
- Bonjour ou bien Bonsoir ! http://hanasakuiroha.livejournal.com/2011/04/12/
En haut à droite, il y a marqué "hanasaku" et lorsqu'on passe sa souris dessus, les images se foncent. J'aimerais savoir s'il existe un code pour changer d'image au passage de la souris car j'en ai trouvé un récemment mais celui-ci ne marche que sur Firefox -je l'ai remarqué après avoir regardé sur Chrome et Safari-. J'aimerais donc savoir s'il existe un code qui marche sur tout les navigateurs. :3
Merci d'avance en espérant que ma demande est claire et que je ne me suis pas trop éparpillé. x3
Re: Code pour Opacité des Images.
Bonsoir.
Oh ben il existe un code d'opacité pour plusieurs navigateurs, mais il ne marche pas sur tout malheureusement, comme la plupart des codes de ce genre.
Vous voulez faire quoi dans votre forum, que je vous aiguille un peu avec le code ?
Oh ben il existe un code d'opacité pour plusieurs navigateurs, mais il ne marche pas sur tout malheureusement, comme la plupart des codes de ce genre.
- Code:
filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity:0.95;
opacity: 0.95;
Vous voulez faire quoi dans votre forum, que je vous aiguille un peu avec le code ?
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Code pour Opacité des Images.
J'aimerais grâce à un code HTML ou CSS, pouvoir mettre dans mes posts, des images par exemple sur lesquels lorsqu'on passe la souris, elles changeant ou bien elles deviennent plus foncé ou bien plus claires. Je ne sais pas si je me suis bien expliqué. x) Merci de vous penchez sur mon problème ~
Re: Code pour Opacité des Images.
Bonjour.
C'est ce code-là.
Il suffit de le mettre dans votre css en lui ajoutant une classe, puis d'affecter votre images ou lien etc de cette classe.
Comme ceci :
Css :
Image :
C'est ce code-là.
Il suffit de le mettre dans votre css en lui ajoutant une classe, puis d'affecter votre images ou lien etc de cette classe.
Comme ceci :
Css :
- Code:
.opacite { filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity:0.95;
opacity: 0.95; }
.opacite:hover { filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1; }
Image :
- Code:
<img scr="URL DE VOTRE IMAGE" class="opacite" />
Re: Code pour Opacité des Images.
Bonsoir ! J'ai essayé le code mais celui-ci ne marche pas, lorsque je teste dans ma signature, rien n'apparaît. :/
Re: Code pour Opacité des Images.
Erreur toute bête de ma part quand j'ai tapé le code de l'image :
c'est
Désolée
<img scr="URL DE VOTRE IMAGE" class="opacite" />
c'est
- Code:
<img src="URL DE VOTRE IMAGE" class="opacite" />
Désolée
Re: Code pour Opacité des Images.
- Re Bonjour ! Ce n'est pas grave, j'aurais pu le remarquer aussi. xD Par contre il semble toujours y avoir un problème, l'image apparaît mais il ne se passe rien lorsque je passe ma souris sur l'image. :/
Re: Code pour Opacité des Images.
Oui c'est parce que la valeur 95 ne marque pas une grande différence :
avec une valeur de 60 ça se verra certainement mieux.
- Code:
.opacite { filter:alpha(opacity=60);
-moz-opacity:0.60;
-khtml-opacity:0.60;
opacity: 0.60; }
.opacite:hover { filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1; }
avec une valeur de 60 ça se verra certainement mieux.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Code pour Opacité des Images.
Merci beaucoup ça marche ! (:
Sujets similaires
» petit soucis au niveaux d'un code pour l'opacité pour les avarts..
» Recherche Code pour effet d'opacité sur caroussel en Page d'acceuil
» opacité images et images cliquables
» Demande de code de confirmation pour les images
» Code CSS pour bordure sur les images postées
» Recherche Code pour effet d'opacité sur caroussel en Page d'acceuil
» opacité images et images cliquables
» Demande de code de confirmation pour les images
» Code CSS pour bordure sur les images postées
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