changement image au survol curseur dans la signature

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

Résolu changement image au survol curseur dans la signature

Message par Mayu Higurachi le Dim 26 Juin 2011 - 12:15

Bonjour/bonsoir,
n'ayant pas trouvé de réponse précise et exacte, je 'adresse à vous pour m'aider ^^

Ce que je voudrais, c'est mettre une image qui se change au survol du curseur.
alors je sais déjà faire ceci avec ce code: (j'ai déjà mis des images)
Code:
<img src="http://i26.servimg.com/u/f26/11/66/17/91/111.png" onmouseover="this.src='http://i26.servimg.com/u/f26/11/66/17/91/1a10.png'" onmouseout="this.src='http://i26.servimg.com/u/f26/11/66/17/91/111.png'">
le soucis, c'est que je souhaiterai mettre ceci dans ma signature sur un des forums où je suis inscrite mais dès que le code est inséré, je passe mon curseur sur l'image et il ne se passe...absolument rien...l'image reste telle quelle...
comment faire pour parvenir à avoir le résultat souhaité dans une signature?

peut-être est-ce parce que j'utilise IE que je n'obtiens rien...? Pourtant j'ai mis le même code dans une description de catégorie et ça marche parfaitement...Alors qu'est-ce qui ne va pas? Mon code ou IE ou quelque chose d'autre?

merci d'avance.
bonne journée

May'

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changement image au survol curseur dans la signature

Message par Lixyr le Dim 26 Juin 2011 - 12:50

Bonjour.

J'ai testé votre code, il semblerait qu'il ne marche pas au niveau des messages et des signatures, mais uniquement dans les endroits tels que templates, page d'accueil, qui autorisent les codes complexes du html (qui utilise ici du javascript, il me semble).

Je ne pense pas que vous pourrez faire fonctionner ce code dans votre signature, quand bien même l'html s'affiche correctement.





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: changement image au survol curseur dans la signature

Message par SoraNoHime le Dim 26 Juin 2011 - 12:57

Bonjour

Essayer plutot de faire ainsi :

dans votre signature mettez :

<div class="signat"> </div>

puis dans votre css mettez :

.signat {
background-image:url("adresse de l'image vue");
height : hauteur de votre imagepx;
width : largeur de votre imagepx;
}
.signat:hover {
background-image:url("adresse de l'image au survol");
height : hauteur de votre imagepx;
width : largeur de votre imagepx;
}

Cela fonctionne-t-il ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changement image au survol curseur dans la signature

Message par Mayu Higurachi le Dim 26 Juin 2011 - 13:48

Rebonjour,

merci de votre aide. Le code marche bien mais j'aurai aimé l'utiliser sur un forum autre que le mien... et donc je n'ai pas accès aux CSS de ce même forum.
N'y at-il pas un moyen...par le biais d'une page html ou autre de l'utiliser quand même sur un forum autre que le mien?

merci

May'

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changement image au survol curseur dans la signature

Message par Lixyr le Dim 26 Juin 2011 - 18:04

On peut insérer du css directement dans le texte, en utilisant les balises

Code:
<style type="text/css">

</style>

seulement dans une signature ça risque de prendre beaucoup de place.





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: changement image au survol curseur dans la signature

Message par Mayu Higurachi le Dim 26 Juin 2011 - 19:01

Bonsoir,

bon même avec la balise, ça ne marche pas (j'utilise peut etre mal la balise aussi...)
voici le code:
Code:
<div class="signat"> </div>

<style type="text/css">
.signat {
background-image:url("http://i26.servimg.com/u/f26/11/66/17/91/111.png");
height : 40px;
width : 115px;
}
.signat:hover {
background-image:url("http://i26.servimg.com/u/f26/11/66/17/91/1a10.png");
height : 40px;
width : 115px;
}
</style>

et ça ne marche pas.
Bon c'est pas grave. J'aurais juste pas d'image changeante c'est tout...>.>
merci beaucoup pour l'aide apportée. Bonne soirée.

merci

ps: si une idée vous vient, il y a toujours la boîte MP

bonne soirée!

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changement image au survol curseur dans la signature

Message par Lixyr le Dim 26 Juin 2011 - 19:50

Oui, c'est normal que ça ne marche pas. techniquement le code vient après le css. Et c'est fait ainsi :

Code:
 <html>
<head>
    <style type="text/css">
    .signat {
    background-image:url("http://i26.servimg.com/u/f26/11/66/17/91/111.png");
    height : 40px;
    width : 115px;
    }
    .signat:hover {
    background-image:url("http://i26.servimg.com/u/f26/11/66/17/91/1a10.png");
    height : 40px;
    width : 115px;
    }
    </style>
</head>
<body>   
<div class="signat"> </div>
</body>
</html>

mais l'image ne marchera pas puisqu'elle est en background. Elle ne s'affiche qu'avec du contenu. Et même avec un tableau et du texte transparent, ça ne fonctionne pas.


Avec votre code, on aurait pu avoir un :

Code:
 <html>
<head>
 
</head>
<body>        <img src="http://i26.servimg.com/u/f26/11/66/17/91/111.png" onmouseover="this.src='http://i26.servimg.com/u/f26/11/66/17/91/1a10.png'" onmouseout="this.src='http://i26.servimg.com/u/f26/11/66/17/91/111.png'">
</body>
</html>

mais ça ne marche pas non. Ces codes-là ne peuvent pas fonctionner dans les messages et les signatures. À moins que quelqu'un vienne me contredire et apporter la solution.

Désolée.





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: changement image au survol curseur dans la signature

Message par Mayu Higurachi le Dim 26 Juin 2011 - 20:29

Merci quand même
bonne soirée! ^^

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi 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