Cours et tutoriaux Photoshop, Flash, Fireworks, Paintshop et sur le développement de sites Web XHTML, PHP, MySQL...

Tutorial Fireworks : Menu contextuel

  • Introductions

  • Informations

  • Résultat

Apercu du tutorial menu-contextuel

Fireworks permet de réaliser très rapidement et simplement un menu contextuel : cela vous sera très utile pour créer des sous menu dynamiques et personnalisés. Mais vous pouvez employer cette fonction de différentes façons; laissez libre cours à votre imagination!


Avatar de netger

Auteur : WebmasterNetger

Difficulté : Facile
Création : 04/05/2005
Mise à jour : 29/11/2007

Nombre de visites : 1528


Aucun aperçu du résultat n'est disponible pour ce tutorial.

1. Créer un nouveau documentIcone remonter en haut de page

Pour cet exemple, nous allons réaliser un menu auquel nous allons associer un menu contextuel pour chaque bouton.
Commençons par créer un nouveau document possédant les propriétés suivantes :
- Largeur : 150 px
- Hauteur : 150 px
- Résolution : 72 pixels/pouce
- Contenu de l'arrière plan : Blanc

2. Outil "Découpe" et menu contextuelIcone remonter en haut de page

Créez votre menu ou importez le sur le calque

3. Outil "Découpe" et menu contextuelIcone remonter en haut de page

Avec l'outil "Découpe" sélectionnez chaque bouton du menu.
Maintenant cliquez sur le cercle blanc au centre de la découpe et sélectionnez "ajouter un menu contextuel"

Une nouvelle fenêtre apparait à l'écran.
Renseignez les 4 onglet (contenu, aspect, avancé et position) pour personnaliser votre menu.

4. ImportationIcone remonter en haut de page

Il ne vous reste plus qu'à cliquer sur "Fichier" et "importer".
Fireworks créera alors un fichier .html, un fichier javascript et un dossier contenant les images de votre menu.


Utilisez FireFoxW3C XHTML 1.0W3C CSS 2.1