Version complète: sur le forum Webmaster Hub : Comment faire ce genre de Menu ?
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Zen-Spirit
Salut à tous,
Après quelques mois en standby, grace à votre aide, j'ai créé un site web il y a de celà plusieurs mois.
Je reviens une fois de plus sur votre forum afin d'obtenir des informations.
En effet je voudrai savoir comment réaliser ce genre de MENU.
1- En fait, un Menu qui au passage de la souris affiche toutes les rubriques du sous-Menu.
2- Un Menu estéthiquement joli, très bien encadré avec des bords arrondis.
3- Un Menu avec des couleurs personnalisées.
4- Un Menu horizontal.
Merci à Tous !

Ah, oui je voudrai savoir si c'est du javascript, ou et comment pourrai je trouver un modèle de code permettant de réaliser exactement ce joli MENU, très bien encadré et arrondi ?

Merci !

PS : J'ai oublié de vous donné l'adresse du modèle de Menu que je veux faire exactement : ICI le modèle de menu que je veux faire
captain_torche
Le meilleur moyen de trouver, serait que tu regardes et analyses le code source par toi-même.
Tu as un exemple sous les yeux, tu as donc les moyens de l'analyser.
Bon courage !
Zen-Spirit
Merci d'avoi répondu, CAPITAINE ! wink.gif
Oui, mais comment faire pour voir le fichier CSS correspondant au Menu du site que je cite en exemple !
Car je vois bien la construction du Menu au niveau HTML, mais c'est au Niveau du CSS que j'ai besoin de votre aide.
Je n'arrive pas à trouve l'adresse du fichier CSS du MENu dont il est question.

Merci. smile.gif

Edit captain_torche : inutile de citer le message précédent; on vient de le lire
captain_torche
Apparemment, la définition du menu est dans le fichier default_struct.css.

Si tu utilises Firefox, je ne saurai que te conseiller d'utiliser l'extension FireBug, qui te permet d'identifier très rapidement (et de modifier à la volée) les éléments du code.
Zen-Spirit
Ok, merci pour l'info, je suis entrain d'analyser çà dans le code, mais cependant encore queqlues petites question afin de m'éclaircir :
1 - Comment faire pour voir à quoi correspond les images des liens se trouvant dans le code que le webmaster a établi ?
Par exemple, ces adresses suivantes sont dans le code, mais je ne sais pas comment voir le fichier png.
Liens se trouvant dans le code résultant d'une image :
//s8.s-sfr.fr/css/img/nav-top/menu_sub_menu_right.png
//s5.s-sfr.fr/css/img/nav-top/menu_right_hover.png
Quand je rajoute çà dans ma barre d'adresse, çà donne alors :
http://www.sfr.fr[color="#FF0000"]//[/colo..._menu_right.png
Et même en enlevant un slash devant le lien, çà fonctionne pas, impossible de voir l'image :
http://www.sfr.fr[color="#3333FF"]/[/color..._menu_right.png

Aussi, merci pour la petite astuce concernant Fire Bug, mais je ne comprends pas comment l'utiliser, je l'ai installer, mais je ne le vois nullepart avec Firefox mozilla !!!!

Merci !
web-creation.ca
voici l'adresse de l'image que tu cherches :
http://s8.s-sfr.fr/css/img/nav-top/menu_sub_menu_right.png
Zen-Spirit
Oui, merci, en fait l'image du cadre du menu déroulant pour ce lien correspond par exemple à la rubrique " BOUTIQUE SFR ", mais par contre quand on passe la souris sur la rubrqiue " COMMUNIQUER " on voit que ce cadre n'est plus le même, alors quel image utilise'il, car je ne vois pas d'autres images de ce type, avec une autre dimension ? Comment redimenssionnent 'il çà, le webmaster ?

Merci !
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.