Bouton simple :


Exemple :

Protocole de réalisation :

Commencez par ouvrir un nouveau document flash

Nouveau document

Pour créer votre bouton, commencez par créer la forme de votre bouton. Pour cela utilisez "l'outil oval"Outil Ovale ou "l'outil rectangle"Outil Rectangle , vous pouvez aussi importer une image ou dessiner avec un autre Outil.
Créez donc votre forme de bouton souhaitée, dans cette exemple, j'ai pris l'outil rectangle.

Rectangle avec coin arrondit

Une fois votre bouton créé, insérez lui un texte. Pour cela, choisissez "l'outil texte" Outil Texte et écrivez ce que vous voulez voir apparaître dans votre bouton.

Ajoutez votre texte

Ensuite sélectionnez votre bouton, faites un clique droit dessus et sélectionnez "Convertir en symbole"

Convertir en symbole

La fenêtre ci-dessous s'affiche alors. Entrez un nom à votre bouton (ce que vous voulez par exemple : accueil,bouton 1....). Et selectionnez ensuite en comportement "Bouton" puis cliquez sur "OK".

Selectionner "Bouton"

Une fois votre symbole crée, double cliquez sur votre bouton. Dans votre scénario apparaît alors l'image ci-dessous.

Scénario

Dans votre scénario, créez une image-clé dans la case "Dessus".

Image clé

Une fois votre image-clé inséré, positionnez vous dessus et modifiez votre bouton (dans mon exemple, j'ai changé la couleur du contour et j'ai augmenté de 0,25 la taille du trait). Comme vous l'aurez compris lorsque la souris passera sur votre bouton, l'image que vous avez modifié apparaîtra. Faites de même avec les autres cases (moi j'ai juste modifié la couleur dans la case "Abaissé").

Modifier votre bouton

Une fois les images du bouton finies, retournez dans votre séquence. Pour cela cliquez sur "Séquence" juste au dessus de "Scénario".

Séquence

Voila votre bouton est créé mais un bouton sans lien ne sert à rien. Pour insérer un lien, selectionnez votre bouton (un clique dessus) puis en bas, ouvrez le menu action.

Menu action

Ecrivez alors ce code ci-dessous (ce qui est en gris sert juste à vous expliquez le code, donc vous n'êtes pas obligé de l'écrire).

2crivez ce code

Voila cette fois ci votre bouton est fini. Pour le visualiser, appuyez sur Ctrl+Entrée.

Vous devez être membre pour pouvoir télécharger la source.
 
 
 
  Visiteurs : 136043
Aujourd'hui : 98
En ligne : 3
 

 
 
 

Copyright © 2007-2009 TutoPlus.Com- Tous droits réservés.
Partenaires : Achat de mots-clés