changement image au survol curseur dans la signature
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
changement image au survol curseur dans la signature
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)
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'
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'">
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'
Re: changement image au survol curseur dans la signature
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.
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 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: changement image au survol curseur dans la signature
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 ?
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- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: changement image au survol curseur dans la signature
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'
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'
Re: changement image au survol curseur dans la signature
On peut insérer du css directement dans le texte, en utilisant les balises
seulement dans une signature ça risque de prendre beaucoup de place.
- 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 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: changement image au survol curseur dans la signature
Bonsoir,
bon même avec la balise, ça ne marche pas (j'utilise peut etre mal la balise aussi...)
voici le code:
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.
ps: si une idée vous vient, il y a toujours la boîte MP
bonne soirée!
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.
ps: si une idée vous vient, il y a toujours la boîte MP
bonne soirée!
Re: changement image au survol curseur dans la signature
Oui, c'est normal que ça ne marche pas. techniquement le code vient après le css. Et c'est fait ainsi :
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 :
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.
- 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 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: changement image au survol curseur dans la signature
Merci quand même
bonne soirée! ^^
bonne soirée! ^^
Sujets similaires
» Affichage d'une image au survol du curseur dans un tableau
» [résolu]Ajouter un lien à une Images dans un widget du portail, avec changement de l'image au survol de la sourie.
» Curseur Image dans un message
» Changement d'image au survol de la souris
» changement d'image au survol du bouton Chat
» [résolu]Ajouter un lien à une Images dans un widget du portail, avec changement de l'image au survol de la sourie.
» Curseur Image dans un message
» Changement d'image au survol de la souris
» changement d'image au survol du bouton Chat
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum