Menus déroulants dynamiques

[profilm]

Bonjour

Vous trouverez ici un système de menu de navigation dynamique fonctionnant avec les navigateurs modernes. Le menu est facilement personnalisable grâce aux CSS.

Malgré les efforts consentis pour le rendre compatible avec un maximum de navigateurs, il est possible qu’il ne fonctionne pas avec toutes les configurations. Ils sont compatibles avec les principaux navigateurs que sont IE (5+), Mozilla (1,5+), Firefox (1+), Safari (1+) et Opera (7+). Et pour les autres il est alors proposé un menu statique à la place :

Menu horizontal
Menu vertical

Bien entendu ce sont des exemples basiques, à charge pour vous de les personnaliser à vos couleurs et à vos besoins grace à la feuille de style CSS ...

Cordialement
Thierry

Source : Framasoft

[jeanguy]

Bonjour

Voici ce que ça donne comme teste

www.leterroirdelestrie.com/teste1.html

Je connais pas vraiment le css mais c'est moi qui a fait mon site, je devrait apprendre très vite ce concept de menu dynamique,

Pourrais tu m'aider?

Ça me donne ça:

élément 1
élément 2
élément 1
élément 2
élément 3
élément 1
élément 2
élément 3
élément 1
élément 3
élément 1
élément 2
élément 3
menu 2
élément 1
élément 2
élément 3
menu 3
élément 1
élément 2
élément 3

Il n'y a pas les carreaux de couleur.

Mon site est www.leterroirdelestrie.com

Merci de m'aider

[profilm]

Bonjour Jeanguy

Ca me semble normal que ca ne fonctionne pas, l'un des fichiers javascript est manquant, et il n'y a pas de css.

Le fichier browserdetect.js est vide alors qu'il devrait contenir ce code : browserdetect.js et il n'y a pas non plus le fichier CSS : menuv.css ..

Avec ces fichiers là, ca doit marcher sans problème. Mais sans connaissance en CSS, ca va pas etre simple pour personnaliser le menu ensuite ... (voir CSS débutant)

Cordialement
Thierry

[jeanguy]

Salut

J'avou que pour moi, pour l'instant, c'est du nouveau.  Mais j'ai bien fait quand même pour mon site et je crois avoir la possibilité d'apprendre.

Mais disons, que à court terme, alors?  Est ce qu'il y a d'autre menu déroulant fonctionnant avec Java scripst ou je ne sais pas, mais qui est moins compliqué et qui fait la même job???

merci

[profilm]

Bonjour Jeanguy

Il y a aussi ceux la :

Menu de navigation sans JavaScript
Des menus déroulants grâce aux CSS
La vengeance des menus déroulants
Des menus déroulants grâce aux CSS

etc ...

Bon courage
Thierry

[sfx]

Et comme toujours à cause de ce ù£$*¤§:**¨^$ de internet explorer qui ne supporte ni la transparence ni la pseudo classe :hover sur autre chose que sur la balise <a>, on ne peut pas implémenter ce menu déroulant avec fond transparent :
http://web.developpez.com/tutoriel/xhtmlcss/menuderoulantcss/fichiers/menu01test.html
Pourtant c'est magnifique.
(pour ceux qui sont sous internet explorer, ça sert à rien de cliquer, vous ne verrez rien d'extraordinaire...)

[profilm]

Oui je connaissais celui là et il est est vraiment trop classe, trop classe pour IE  Avec un peu de temps, doit y avoir un moyen de le rendre compatible, mais faut bien chercher là 

Thierry 

[sfx]

Oui faut vraiment chercher car, pour le menu déroulant en lui même c'est pas un problème, mais pour la transparence c'est vraiment pas ça encore sous IE.
Le seul moyen que je vois, c'est de découper l'image de fond en petits bouts, lui mettre un voile pour donner l'ilusion de la transprence et d'en mettre une partie différente en background dans chanque ligne du menu. Il faut que ça soit calé au pixel près. C'est un boulot de titan et je ne parle même pas le jour où on veut rajouter une ligne dans le menu !!! 

[profilm]

Oui un bel exercice de style !

bon on se demande si le jeu en vaut la chandelle, mais pour le fun ca peut etre cool   
Si j'ai une semaine de vacances dans les 5 ans qui viennent, je me pencherais dessus   

Thierry

[sfx]

Lol.
Bon courage ! Pendant ce temps, moi, je vais attendre que microsoft sorte un Internet Explorer qui respecte les standards et que tous les français aient fais la mise à jour.
Ca devrait prendre à peu près le même temps