changement image au survol curseur dans la signature

3 participants

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

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez changement image au survol curseur dans la signature 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu changement image au survol curseur dans la signature 3592387030 pour prévenir la modération.

changement image au survol curseur dans la signature Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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

SoraNoHime
Membre actif

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

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

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez changement image au survol curseur dans la signature 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu changement image au survol curseur dans la signature 3592387030 pour prévenir la modération.

changement image au survol curseur dans la signature Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez changement image au survol curseur dans la signature 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu changement image au survol curseur dans la signature 3592387030 pour prévenir la modération.

changement image au survol curseur dans la signature Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 Dim 26 Juin 2011 - 20:29

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

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

- Sujets similaires

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