Code pour Opacité des Images.

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

Résolu Code pour Opacité des Images.

Message par Cass' le Mer 8 Juin 2011 - 19:22

  • 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

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour Opacité des Images.

Message par Lixyr le Mer 8 Juin 2011 - 21:36

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.

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 ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour Opacité des Images.

Message par Cass' le Jeu 9 Juin 2011 - 18:14

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 ~

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour Opacité des Images.

Message par Lixyr le Jeu 9 Juin 2011 - 19:31

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 :

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" />

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour Opacité des Images.

Message par Cass' le Jeu 9 Juin 2011 - 20:39

Bonsoir ! J'ai essayé le code mais celui-ci ne marche pas, lorsque je teste dans ma signature, rien n'apparaît. :/

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour Opacité des Images.

Message par Lixyr le Jeu 9 Juin 2011 - 21:14

Erreur toute bête de ma part quand j'ai tapé le code de l'image :

<img scr="URL DE VOTRE IMAGE" class="opacite" />

c'est
Code:
  <img src="URL DE VOTRE IMAGE" class="opacite" />

Désolée Embarassed

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour Opacité des Images.

Message par Cass' le Dim 12 Juin 2011 - 8:57

  • 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. :/

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour Opacité des Images.

Message par Lixyr le Dim 12 Juin 2011 - 16:47

Oui c'est parce que la valeur 95 ne marque pas une grande différence :
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.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour Opacité des Images.

Message par Cass' le Lun 13 Juin 2011 - 19:19

Merci beaucoup ça marche ! (:

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' 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