Les menus de dock peuvent s’avérer très pratiques quand votre page Internet nécessite l’ajout d’options de navigation : ces menus dockables apparaissent en avant plan et juste quand ils sont sollicités.

Webber 2.0 Dock Menu est un petit JavaScript pour afficher un menu dockable. Il est simple à mettre en oeuvre et ne demande aucun framework pour fonctionner.

La logique de Webber 2.0 Dock Menu est très simple : un “div” vide détermine le secteur pour guetter le passage de la souris et se declanche avec la fonction “mouseover”. Le menu apparait alors en haut de votre page Internet

En deux mots : simple et fonctionnel.

Site Internet : Webber 2.0 Dock Menu
Licence : Gratuit

IzzyMenu est une application en ligne qui vous aidera à créer vos barres de menus CSS avec un look professionnel. Vous pouvez créer des menus simples ou avec sous menus déroulants, le tout sans écrire la moindre ligne de code.
Le code génèré est très “propre” et très facile à implémenter dans vos sites internet.

D’un point vue personnalisation, tout y est :

• Choix du gabarit dans une bibliothèque bien fournie
• Type et taille de police de caractères
• Les couleurs (police, arrière plan…)
• Les marges
• Les liens hypertextes
• Etc.

Une fois satisfait du résultat, il ne reste plus qu’à télécharger le menu et à l’intégrer dans vos pages internet. Cerise sur le gâteau, IzzyMenu est gratuit.

Site Internet : IzzyMenu
Licence : Gratuit

Woork est un blog animé par Antonio Lupetti, développeur PHP, Coldfusion et Ajax.
C’est une véritable mine d’or qui proposera des quantités de script de très belle facture et, en général, un tutorial expliquant de a à z la programmation de la fonction, du script etc.

Quelques exemples s’articulant autour du thème des Menu CSS

1) Simple menu CSS vertical à la Digg.

2) Barre de navigation à la Digg

3) Menu horizontal à la Flickr

Toutefois, Woork propose beaucoup plus et je vous invite à fouiller dans ses pages…

Site Internet : Woork
Licence : Gratuit

Kollermedia propose TabMenu, un script qui vous permettra de présenter vos menus avec un système de tableaux/onglets très pratique.

Comme le montre cette capture écran, l’onglet représentera les libellés des menus titres et le contenu du tableau, les sous menus associés. Au passage de la souris, le contenu est réactualisé. Il ne reste plus qu’à cliquer sur les sous menus cibles. Il est également possible d’ajouter des menus « hors tab » : « print it » etc. sur l’exemple.

De plus, le script est clair et très simple à implémenter…

Site Internet : Kollermedia
Licence : Gratuit

Dans cet article, Ganeshji Marwaha vous propose de réaliser un petit menu… un de plus direz-vous… !
Mais, LavaLamp, permet de créer un menu personnalisé avec un effet de transition entre les rubriques qui n’est pas sans rappeler les effets obtenus avec des menus Flash…
Mais, ici, nous n’aurons besoin que du framework jQuery, quelques lignes de html et de css. Et, le tout tient dans un code ultra léger et « non intrusif ». Le résultat est bluffant !

Site Internet : Ganesh
Licence : MIT et GPL

Vous avez besoin de créer rapidement un menu soit horizontal soit vertical sur votre site Internet ou sur votre blog? CSS Menu Maker vous apportera une solution : CSS Menu Maker est un Générateur de menu 100% en CSS et se conformant au standard 3WC.

Vous créerez votre menu en 3 étapes :

• Il vous faudra choisir un modèle dans la liste de style propose sur le site (15 modèles actuellement ).
• Personnalisez le (nombre de rubrique).
• Il ne reste plus qu’à télécharger l’archive ZIP contenant les codes XHTML et CSS (ainsi qu’un exemple qui est fourni dans le but d’expliquer comment ajouter le menu dans votre page).

Actuellement et limité dans le temps, participez au concours de création de menu CSS et gagnez un un iPhone !

Site Internet : CSS Menu Maker
Licence : Gratuit - Licence à $3

Si vous souhaitez installer un système d’inscription qui demande les informations étape par étape, le menu CSS Step Menu de Codylindley répondra à votre attente. 

Le principe est donc de proposer à l’internaute de renseigner les informations dans un premier écran, puis de passer à l’étape 2, puis 3 etc. et ce jusqu’au dernier écran.

De plus, ce menu présente l’avantage d’être aisément paramétable pour “n” étapes (testé avec 2, 3, 4 et 5).

Site de démo : Menu pas à pas

Site Internet : Codylindley
Licence : Gratuit

Si vous etes un fan du Mac, vous devriez apprécier le “CSS Dock Menu” de ndesign-studio. La copie égale l’original… tout y est : reflet, transparence, grossissement des icônes… un travail magnifique.

Pour sa réalisation l’auteur s’est appuyé sur le framework jQuerry (librairie javascript), sur le composant FishEyes (d’Interface) et ses propres. Deux menus dockables sont proposés : en haut et/ou pied de page.

Site Internet : ndesign-studio
Licence : Gratuit (???)

Votre site doit avoir un aspetc “pro”. Un menu imitant les barres de menus de Vista serait du plus bel effet… Le menu suivant pourrait faire l’affaire ?

L’intégration de ce menu ne vous prendra pas plus de 5 minutes. Ajoutez un bête fichier CSS et quelques lignes de code HTML… et le tour est joué. Enfantin, superbe et efficace… le tout dans les respect des normes HTML - CSS !

Demonstration en ligne : menu vista

Site Internet : Itookia
Licence : gratuite