$ 4.00

Tuto Menu à glissière avec apparition de pages dynamiques avec Flash, ActionScript

$ 4.00

  • Une formation vidéo de 1h35m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

 

Dans cette vidéo, nous créerons un menu glissière avec apparition dynamique, pour cela, nous utiliserons la classe TweenLite pour les transitions et la classe Rollover (personnalisé) pour la gestion des états des boutons, cette dernière classe est une classe qui gère les rollOver et rollOut dynamiquement, vous la retrouver dans le pack téléchargeable, il a été légèrement réadapté pour l'occasion, mais reste tout même similaire à celui proposé dans mon framework. Nous allons aussi créer un effet lumineux sur les boutons du menu, celui-ci utilisera différent masques qui laisserons apparaitre les lueurs. 

Voici quelques unes des fonctionnalité de ce menu:

?Formatage css interne pour les titres de notre menu.
?Reflet lumineux
?Rollover dynamique géré en externe
?Bride des boutons pendant la navigation
?Bride des boutons en fonction de la page en cours.
?Filtres dynamiques (ombres)

Voici ce que nous verrons dans ce tutoriel:
L'interface:

  • Mise en place du menu
  • Création des lueurs du menu (utilisation de masques et d'interpolations)
  • Mise en place des pages avec texte dynamique

Le code:

  • Imports: classe TweenLite et RollOver
  • Mise en place des variables utilisés pour le menu
  • Gestion du css pour le titre du menu
  • Détection des mouvements dans la zone du menu
  • Mise en place dynamique et positionnement du menu
  • Gestion du contenu de la page et positionnement dynamique (TweenLite)

Voilà, si vous avez des questions, sachez que vous pouvez les déposer dans la partie commentaire.

Fichiers:
Vous trouverez les fichiers joints accompagnant le tutoriels, le pack comprend, le fichier fla,swf et la classe Rollover.

Modifications et améliorations:
Pour que le menu soit complètement opérationnel, vous pouvez ajouter ceci à la fin de la dernière condition:

else if (nbP === pagActu){
        m.mouseChildren = true
    }

Ceci débloquera le bouton même si celui-ci  est similaire à la page actuelle.


Formateur : Grégory Nicolle

Grégory Nicolle a publié 57 tutoriels et obtenu une note moyenne de 4,0/5 sur 3 263 tutoriels vendus. Voir les autres formations de Grégory Nicolle

2,5
note moyenne

2
avis laissés
5 étoiles
0
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
1
  • 4
    avis de jacko laissé le 05/12/2013
    Bonjour, encore un exellent tuto pour un super effet, toujours aussi clair, très bon pédagogue. Merci.

  • 4
    avis de jacko laissé le 04/07/2012
    Bonjour, Désolé mais impossible pour moi de suivre ce tuto, 5 fois que je recommence et je n'arrive pas à passer l'étape de création des boutons. Au niveau des reflets rien ne se passe comme dans le tuto, j'ai pourtant l'impression de faire comme c'est expliqué ??? Je ne suis donc pas encore arrivé à l'étape du codage. Merci, Cordialement, Jacko

  • 4
    avis de jacko laissé le 19/06/2012
    Bonjour, Premier tuto que je n'arrive pas à suivre, 3 fois que je recommence, c'est vrai que ce n'est pas très clair tout le début avant le codage ça va trop vite. Et puis impossible à trouver où télécharger la classe Rollover, le site indiqué n'a plus l'air d'être présent sur le net. J'ai déjà suivi plusieurs tutos du même formateur qui été vraiment super mais là j'avoue que je n'y arrive pas! Cela vient sûrement de mon inexpérience mais si je puvais trouver où télécharger cette classe Rollover je finirai par y arriver. Merci, Cordialement, Jacko

accédez à plus de 1560 tuto gratuits


non, je ne veux pas me former gratuitement