dure A Creer Un Bouton Rollover Avec <nvu> "a L'aide..!"
Forum Logiciels : dure A Creer Un Bouton Rollover Avec <nvu> "a L'aide..!"
bonsoir
pouriez vous m'aider a creer un bouton Rollover avec "nvu"
que ce soi en html ou css, peut m'importe.
le but ces d'avoir un super tuto qui ne me raconte pas du charabia....
j' en suis a mon xx tuto, rien a faire je n'y comprend rien!!! 
il me faudrai un truc de ce style "ex: pour une baniere" ca!! ces un super tuto!! ici!!le tuto pouce-en-haut.gif
merci d'avance layenn......;-)
--------------------
layenn@hotmail.fr
Salut^^
Créer un bouton rollover sur NVU est très simple 
voilà comment faire :
petit exemple :
Le but de l' exercice est de créer un bouton vert, qui va devenir rouge quand tu passeras la souris dessus, pour redevenir vert quand tu retires la souris.
tu créés ton bouton vert (d'une taille de 150x20, par exemple; moi je fais mes boutons avec photoshop), que tu enregistres sous le nom : bouton_vert, au format PNG (ca peut être gif, etc)
Ensuite, tu créé un bouton rouge, qui a exactement la même taille que ton bouton vert, et tu l' enregistre sous le nom bouton_rouge, au même format (PNG)
Maintenant tu vas dans NVU, tu fais ajouter image et tu ouvres ton bouton_vert. il apparait donc à l' écran, dans NVU.
Jusque là, tu dois savoir faire, normalement, c'est le basique de chez basique ! ! !
Maintenant, tu cliques sur sources, en bas de l' écran. et tu vois plein de lignes, c'est le script de ta page web.
Si tu cherches bien, tu vas voir une ligne où il y a le script de ton image. Ca donne un truc comme ça (ps: l' adresse du bouton dépend de où tu l' as enregistré biensur) :
style="width: 150px; height: 20px;" alt=""
src="bouton_vert.png"><br>
pour avoir un roll over, c'est super simple, tu ajoutes deux lignes de codes juste avant ><br>
il faut ajouter ça :
onmouseover="this.src='bouton_rouge.png'"
onmouseout="this.src='bouton_vert.png'"
onmouseover = quand la souris est sur le bouton
onmouseout = quand la souris est plus sur le bouton
Au final, tu as un truc du genre :
style="width: 150px; height: 20px;" alt=""
src="bouton_vert.png"><br>
onmouseover="this.src='bouton_rouge.png'"
onmouseout="this.src='bouton_vert'"><br>
ce qui se passe :
tu insères ton bouton_vert et avec la commande onmouseover, tu lui dis que quand la souris va sur ton bouton_vert, il doit afficher bouton_rouge.
Et avec la commande onmouseout, tu lui dis que quand la souris est plus sur ton bouton_vert (qui est devenu rouge si tout va bien), il réaffiche le bouton_vert.
C'est clair???
