Team-Masters.com
Que du Gratuit pour Webmasters
22 menus verticaux en CSS prêts à l’emploi
Team-Masters.com vous propose ici plusieurs menus verticaux prêts à l’emploi. il vous suffit de choisir celui qui va à votre goût. Ils sont tous en CSS et utilisent des images de fond qu’il suffit de télécharger en fonction du menu que vous avez choisi. Ces menus n’utilisent qu’une seule image de fond à télécharger mais qui regroupe l’ensemble des états du menu (lien, état survolé, état activé). Ils utilisent donc la technique des portes coulissantes qui donne de la puissance aux CSS pour la construction des menus horizontaux ou verticaux.
Le code HTML du menu est des plus simples puisqu’il s’agit, comme la plupart des menus qui vous sont proposés sur Team-Masters.com, d’un code très simple et "générique" structuré sur la base d’un conteneur div et pour le menu en lui-même, d’une liste à puce ul à laquelle on a enlevé les puces.
Le survol est assuré en appliquant la pseudo-classe:hover dont les caractéristiques auront été définies dans la feuille de style correspondante.
En résumé,
choisissez le menu qui vous intéresse,
copiez le code HTML,
copiez le code CSS correspondant,
téléchargez les images qui vont avec, et allez-y pour faire fonctionner votre menu sur vos pages !
Il suffit, une fois prêt, de coller le code CSS (dans le HEAD de vos pages à l’aide de la balise style, ou dans un fichier externe CSS) et le code HTML dans le BODY de vos pages. N’oubliez pas aussi de renseigner l’adresse des images dans le code CSS.
Mais, voyez plutôt les menus et codes CSS correspondants.
Menu CSS 1.
Menu CSS 2.
Menu CSS 3.
Menu CSS 4.
Menu CSS 5.
Menu CSS 6.
Menu CSS 7.
Menu CSS 8.
Menu CSS 9.
Menu CSS 10.
Menu CSS 11.
Menu CSS 12.
Menu CSS 13.
Menu CSS 14.
Menu CSS 15.
Menu CSS 16.
Menu CSS 17.
Menu CSS 18.
Menu CSS 19.
Menu CSS 20.
Menu CSS 21.
Menu CSS 22.
C’est pas cool tout ça ? C’est sur Team-Masters.com !
20 août 2006
Un menu horizontal bien souligné
Un menu vertical avec un effet bouton en CSS
Un menu horizontal souligné au passage de la souris en CSS
Une barre de pagination tout en CSS
Un menu horizontal en CSS avec une barre de séparation
Un menu vertical hiérarchisé en CSS
Un menu vertical aux effets agréables en CSS
CSS : Un menu vertical en 3D
Créez un menu vertical avec effet de rollover en CSS
Un menu vertical simple en CSS
