Fonction bouton que je ne connais pas...

Résolu
niconovice Messages postés 953 Date d'inscription   Statut Membre Dernière intervention   -  
niconovice Messages postés 953 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

est ce que quelqu'un pourrait m'aider a comprendre ce style de bouton svp:

[URL=http://www.hostingpics.net/viewer.php?id=843166mcp.png][IMG]http://img10.hostingpics.net/thumbs/mini_843166mcp.png[/IMG][/URL]

Perso je ne l'ai jamais appris...

Ps: il y en a un qui est normal et l'autre qui sert pour la fonction cliquez :$


A voir également:

13 réponses

a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
Déjà tu auras une balise Image

<img src="images/ton_image.png" onMouseOver="this.src='images/ton_image_2.png'" OnMouseOut="this.src='images/ton_image.png'" border="0">


Et ça, tu le mets dans une balise <button></button> avec les attribut que tu veux.

Cordialement
1
alex59fr Messages postés 853 Date d'inscription   Statut Membre Dernière intervention   89
 
Salut

C'est une image, avec un lien vers une page a mon avis ...
0
a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
Salut,

Ce sont des images ...
Tout simplement.

TOut est expliqué ici : http://bernard.quevillier.pagesperso-orange.fr/index.htm

Cordialement
0
niconovice Messages postés 953 Date d'inscription   Statut Membre Dernière intervention   86
 
non mais en fait l'image que j'ai mise sert a deux fonction le bouton en position normal et l'autre cliquez est ce que quelqu'un pourrait m'aidez a utilisez ce genre de code ??
le tout avec un seul .png
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
niconovice Messages postés 953 Date d'inscription   Statut Membre Dernière intervention   86
 
non mais sans vouloir te froisser je crois que ton code correspond à deux images differente...ça je sais le faire mais la technique qui est montrée utilise le meme .png avec apparement deux fonctions...
0
a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
Non ce n'est pas le même !

Un simple exemple, quand tu passes la souris sur une icone de mise en forme dans la zone d'édition de texte CCM, sur le B par exemple, le B devient rouge quand tu ôtes la souris, il redevient noir/gris.
C'est enfait 2 images différentes.

Cordialement
0
niconovice Messages postés 953 Date d'inscription   Statut Membre Dernière intervention   86
 
Pourtant l'image utilisé a une seul adresse, comment expliques tu ça ?

ps: je sors ce bouton qui est utilisé d'un forum "le phpbb3 twillight" si tu connais..

à mon avis il y a une fonction qui permet de permuter de l'une à l'autre mais quel est le code ? juste une piste me suffirait à trouver le tout, merci =D

sinon au pire j'ai le forum telecharger il me suffira de rechercher dans le forum l'adresse de l'image pour tomber sur la fonction mais je prefere demander avant, ça peu etre carrement plus simple !!!
0
a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
Tout simplement parce que le lien que tu as envoyé avant, c'était un exemple des deux images.

Et quand tu selectionnes une image, tu as forcément la souris dessus, donc il t'afficheras l'image HOVER

Cordialement
0
niconovice Messages postés 953 Date d'inscription   Statut Membre Dernière intervention   86
 
lol, l'image je la sort du dossier image interne du forum, j'ai pas été la piquer sur le site. et d'ailleur je l'ai le site et je l'ai dejà installer sur un serveur. donc tout les sous dossiers ils sont en dur sur mon disque et c'est de la que je la sors d'ailleur l'image que l'on voit pour la petite histoire c'est un theme que j'ai moi meme creer pour avoir une version française des boutons que l'on peu telecharger en opensource à l'adresse suivante:
http://forums.phpbb-fr.com/autres/sujet164985.html#p1261344

Cdt,
0
a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
Dans tout les cas, si l'image change quand on passe la souris dessus, ou quand on clique dessus, il y a forcément une seconde image.

Après peut être que ça se joue dans le CSS, ou que sais-je, mais ça m'étonnerai fort qu'il n'y en ai qu'une.

Cordialement.
0
niconovice Messages postés 953 Date d'inscription   Statut Membre Dernière intervention   86
 
c'est bon j'ai trouvé !!! seul...

http://fr.selfhtml.org/javascript/exemples/boutons.htm

et c'etait donc du javascript tout simplement...pres de 4 heures pour trouver -_-
0
a70m Messages postés 2763 Date d'inscription   Statut Contributeur Dernière intervention   217
 
C'est exactement ce que j'avais dit !
Il y a bien deux images...

Sauf que eux le font par un script, mais avec les mises à jour des langages, tu peux le faire comme je l'ai dit.

Le résultat était le même. Si tu avais essayé ce que je te proposais aussi.

Bref, sujet clos. Je le mets en résolu.

Bonne soirée
Cordialement.
0
niconovice Messages postés 953 Date d'inscription   Statut Membre Dernière intervention   86
 
Et voilà a70m !!!

J'ai ma vrai réponse !!! il s'agissait réellement d'une seule et vrai image avec effet JQUERY !!! voir excellent tuto de l'ami "grafikart" !!!

https://www.grafikart.fr/tutoriels/menu-anime-jquery-98

Cdt :)))
0