|
 
logo
|
|

Vous etes ici -Home : les nouvelles du site
- Info
- Comment faire ... ?

Un bouton dynamique avec Imagestyler ?

D'abord créer un bouton (avec texte ou sans, comme vous voulez ! ). Cela peut-etre que du texte et on changera non pas la couleur mais le texte lui-même ...

Ensuite selectionnez dans le menu fenêtre ->
Javascript

 

 

 

ImageStyler propose 4 actions :

  • Noaction ( c'est l'image lorsqu'il ne se passe rien)
  • OnMouseOver ( image lorsque la souris passe par dessus la zone)
  • OnMouseDown ( Image lorsqu'on clique sur la zone)
  • OnMouseOut (image lorsqu'on sort de la zone.

    Nous allons utiliser la première afin de créer un effet simple lors du passage de la souris.Cliquez sur le petit bouton ici pour créer une nouvelle action Javascript.

     
  •  

    Selectionnez dans le menu fenêtre -> Couleur et modifier la couleur du bouton.
    ATTENTION : il s'agit de l'apparence du Bouton lorsque la souris passera dessus

     

    Vous obtenez dans les actions JavaScript l'apparence du bouton sans action, et celui obtenu si la souris se deplace dessus.
    Vous pouvez ajouter une autre action (OnMouseDown, ...) et procedez de la même manière pour modifier l'apparence du bouton lors du clic de souris.

     

    Pour faire fonctionner un lien lors du clic de la souris, selectionner dans le menu fenêtre ->Web et indiquer dans URL , le lieu de la page que vous voulez ouvrir.

    Enregistrer votre document et EXPORTER -LE sous le nom de la page .html pour le visualiser dans internet explorer.

    Voici le résultat que vous devez obtenir

     

    button
    > | Article Suivant >> >

    par ffred - le 20 mars 2001 -


      |
      | |
      Respecter le droit d'auteur.
      In f(x) Venenum © 2001-2010 réalisation et conception : Frederic Ferre, avec tous nos remerciements à l'équipe de SPIP.
      Informations sur le Copyright-images-conception