Comment je peux faire un menu....

[stedi]

Bonjour,
je voudrais faire un menu pour mon site dans dreamweaver. Un peu comme celui-ci sur ce lien (entrer dans la page accueil).
http://mediamusic.org/fr_accueil.html
Je ne veux pas l'avoir à gauche mais plutôt en haute de la fenêtre. Un peu comme celui de macgénération avec l'animation de celui du site mediamusic.
Quelqu'un à une idéee comme je peux faire ce menu... si c'est possible de le faire? J'ai regardé sur beaucoup de site javascript mais je ne l'ai pas trouvé.

Merci beaucoup pour votre aide.
Stedi

 

[jroure]

Ça ?
<font class="small">Code:</font><hr /><pre>
&lt;form name="jump"&gt;
&lt;select name="menu" onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"&gt;
&lt;option selected&gt;
Menu Rapide
&lt;/option&gt;
&lt;option value="fr_accueil.html"&gt;
Version franaise
&lt;/option&gt;
&lt;option value="en_welcome.html"&gt;
English version
&lt;/option&gt;
&lt;option value="fr_actualite.html"&gt;
L' Actualit
&lt;/option&gt;
&lt;option value="fr_concert.html"&gt;
Les Concerts
&lt;/option&gt;
&lt;option value="fr_artiste.html"&gt;
Les Artistes
&lt;/option&gt;
&lt;option value="fr_emplois.html"&gt;
Les Offres d'Emplois
&lt;/option&gt;
&lt;option value="fr_adresses.html"&gt;
Les Adresses Utiles
&lt;/option&gt;
&lt;option value="fr_contact.html"&gt;
Nous Contacter
&lt;/option&gt;
&lt;/select&gt;
&lt;/form&gt;
</pre><hr />

 

[stedi]

Merci, mais je pense que l'on ne parle pas de la même chose. Ce n'est pas le menu qui s'affiche directement quand tu ouvres le lien (pas là ou c'est marqué: menu rapide) mais si tu attends un peu ... tu as un autre menu qui s'affiche, un peu plus complexe (c'est normalement une fenêtre qui s'affiche plein écran).
Est-ce bien de celui-là que tu me parlais?
Je pense qu'il est fait en DHTML mais comment je peux un faire un comme ça?
Bon merci quand même.
A+ Stedi

 

[Nephou]

pour faire un menu semblable, pas identique – je le trouve horriblement peu ergonomique ce menu : très lents – le couple xtml / css 2 peur t'y aider.
Quelles sont tes connaissances en la matière ? Si je te parle de balises &lt;ul&gt; et &lt;li&gt; associées par css à :hover est-ce que ça te parles ?

si non › une petite recherche dans ce forum à « css xhtml » s’impose

 

[stedi]

Oups... je suis pour la deuxième solution.
C'est si compliqué que ça?

 

[stedi]

Autre question... comment trouvez-vous ce menu?
http://www.web-creation-fr.com/js.php?id=7
et est-ce possible de la faire en horizontal?

 

[Nephou]

Bon, pour te montrer ce que l’on peut faire simplement avec des css, voici un “work-in-progress”. Ne fais pas gaffe à l’aspect mais jette un coup d’œil au menu à droite (oui, il est réalisable en vertical).
http://benoit.launay.free.fr/amv/

— un bon site en vf pour les css : http://www.openweb.eu.org
— un très bon au vo : http://www.meyerweb.com/eric/css/edge/ (surtout regarder les liens)

n’hésite pas à regarder les sources (pomme e)
comme je suis trop bon je te file l’url de ma feuille de style

http://benoit.launay.free.fr/amv/styles/fdsmonsieurvincent.css

 

[stedi]

Merci beaucoup mais tout c'est menu sont à gauche et moi je voudrais un menu en haut de la page. Avec un effet pas mal quand tu vas dans sous-menu, un peu comme sur ce site
http://www.district.sooke.bc.ca/ ou bien
http://www.airtightrecords.com/
mais un peu moins carré et plus guai si possible.
Tu vois ce que je voudrais?
Un effet comme celui du site tout en haut... mais celui apparement il est pas fait en html.

 

[Nephou]

en fait, le premier lien de ton dernier mail peut tout à fait être réalisé comme je l’ai fait : "un display:inline;" fera l’affaire dans une css.
Pour ce qui est des bordures, du soulignement, du fond, des changemenst, tout peut être défini dans la feuille de style.

tu as exploré les liens que je t’ai donné ?
tu serais arrivé à ça : http://www.meyerweb.com/eric/css/edge/menus/demo.html
voir à ça :
http://www.serve.com/apg/workshop/cssMenu.html

je ne sais pas ce que j'ai

je suis trop bon avec toi

[edit] un petit dernier pour la route : http://www.surguy.net/menu/index.html [/edit]

 

[stedi]

Ben merci en tout cas de ton aide... j'apprécie.

Pour les liens, oui bien sûr je les ai visité.
Et alors, tu me dis que c'est possible de le faire en horizontal mais quand tu me parles de display inline je suis un peu perdue... bref c'est à mon avis compliqué de le faire.

Comment il apparait chez toi cette page du premier lien... il apparait vite ou bien lentement?

 

[Langellier]

Bonjour

Je te propose ma manière de faire un menu horizontal :

http://perso.wanadoo.fr/bernard.langellier/indbis.html

En fait, chacune de mes nombreuses pages appelle un fichier javascript externe. Un menu ecrit une seule fois pour toutes et non pas répété.

Ce fichier externe se trouve à :

http://perso.wanadoo.fr/bernard.langellier/menudr.js

J'ai choisi cette manière pour être sûr de la compatibilité avec tous les navigateurs y compris les plus originaux et les anciens.

Hélas il n'y a pas d'effets spéciaux

,
Mais c'est très commode et pour le webmaster (changer le menu se fait en une seule fois) et pour l'internaute (la rapidité, puisque le fichier est mis en mémoire et non pas rapatrié à chaque demande de nouvelle page).

 

[stedi]

Merci... mais est-ce possible avec ce menu de faire des sous-menus. Par exemple, j'ai portfolio mais quand il clique ou bien quand il passe sur le lien ça apparait en dessous un sous-menu (portrait-paysage-... )? Si oui et bien je suis bien curieuse de savoir comment parce que j'essaye depuis deux jours et pas moyen!
A+
Stedi

 

[Langellier]

Je n'ai pas réalisé de sous-menus cliquables. mais je vais étudier la question.

Sur le site sciences et paysages, chaque lien du menu appelle une nouvelle page. Il est possible de remplacer chacun de ces liens (botanique, ecologie...) par un script qui gère un menu déroulant (select... onchange....).
Ex : botanique / les fleurs, les arbres....

Je n'ai pas opté pour les menus déroulants
1) parce que les sous-menus seraient trop longs (trop de pages dans botanique)
2) parce que les enfants ont du mal à les faire fonctionner surtout quand on se situe dans le cas du 1).

Il existe une autre manière : les frames (ou cadres).
ex :
http://perso.wanadoo.fr/bernard.langellier/english/index.html
J'ai réalisé deux cadres verticaux mais rien n'empêche de les mettre à l'horizontale et d'y mettre des menus déroulants.