1 août 2010

Créer un menu horizontal orienteur en flash

Voici un exemple de ce menu :


PREMIERE ETAPE :

Allez sur Flashbuttons

Vous devez vous inscrire.

Sélectionnez le  modèle de bouton voulu

Remplissez le formulaire :
  • Text to put on your buttons : le titre du bouton qui apparaîtra
  • Links to assign to your buttons : le lien qui correspond au bouton,en respectant l'ordre
  • Target Frame Name ( OPTIONAL ) : vous laissez vide
  •  Number Of Buttons Per Line : nombre de boutons par ligne
  •  Background Color : couleur du fond
Cliquez sur Click here to generate your free navbar

Cliquez sur Free Download pour enregistrer sur votre PC le fichier .swf

DEUXIEME ETAPE :

Dans l'administration de votre blog - Mes Documents - Autres Fichiers :
  • vous créez un répertoire Menu
  • dans ce répertoire, vous enregistrez votre fichier .swf
  • vous notez son adresse
TROISIEME ETAPE :

En HTML, vous collez le code proposé sur le site Flasbuttons.

Exemple :
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="704" height="35">
<PARAM name="movie" value="Phantom.swf">
<PARAM name="quality" value="high">
<PARAM name="menu" value="true">
<EMBED src="Phantom.swf" quality="high" menu="true" pluginspage="http://www.macromedia.com/shockwave/
download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="704" height="35">
</EMBED>
</OBJECT>

A la place de Phantom.swf, vous collez l'adresse de votre fichier .swf (que vous avez enregistré à l'étape 2)

Vous avez aussi la possibilité de modifier les dimensions :

  • width="704" : la largeur
  • height="35" : la hauteur

2 commentaires:

  1. Bonjour,

    Super ce menu par flashvortex.

    une question: il y a t'il possibilités de centrer les titres des cellules

    les titre apparaissent actuellement a partir de la gauche de la cellule

    Merci beaucoup en tout cas pour votre blog qui rend un immense service à tous.

    mon émail: info@mehdiblog.net

    ou je viendrais lire ici si vous avez une réponse.

    RépondreSupprimer
  2. Salut,
    Merci beaucoup pour tes tutos qui me sont toujours bien pratiques. Par contre pour celui ci, j'ai eu un pb. Les liens ne fonctionner pas quand je copier/coller le code.
    Il faut rajouter une ligne est mettre ce code ci :
    "param name="AllowScriptAccess" value="always"

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)