1. Page d'accueil

Galerie de menus en CSS

Le 25-02-2005 par Raphael dans Page d'accueil.

Des menus de toutes sortes pour vous inspirer (simples, graphiques, à puce, à boutons, ...)

Voici des modèles de menus de sites web réalisés en feuilles de styles CSS sans tableaux.

Structure des menus

Les menus sont tous structurés de la même manière en (x)HTML, c'est à dire sous forme de listes de liens :

<ul id="menu">
    <li><a href="#">Lien 1</a></li>
    <li><a href="#">Lien 2</a></li>
    <li><a href="#">Lien 3</a></li>
    <li><a href="#">Lien 4</a></li>
  </ul>
Seule la mise en forme (les styles CSS) change !

Vous êtes invités à voir la source HTML des menus avec un clic droit / "afficher source". Voius y trouverez le code (X)HTML, mais aussi les feuilles de styles CSS ainsi que des commentaires explicatifs.

Participez !

Si l'envie vous prend, n'hésitez pas à contacter Raphaël (webmaster-at-alsacreations-point-com) et lui proposer un menu de votre crû.
S'il correspond à nos critères et qu'il est choisi, il apparaîtra dans la liste ci-dessous et mentionnera l'auteur et les coordonnées que vous aurez laissées.

Galerie de menus

  • Menu Horizontal simple 1Horizontal simple 1
  • Menu Vertical simple 1Vertical simple 1
  • Menu Puces 1Puces 1
  • Menu Puces 2Puces 2
  • Menu Boutons 1Boutons 1
  • Menu Graphique 1 : MédiévalGraphique 1 : Médiéval
  • Menu Graphique 2 : ExpérimentalGraphique 2 : Expérimental
  • Menu Graphique 3 : PortraitGraphique 3 : Portrait
  • Menu Graphique 4 : SmileysGraphique 4 : Smileys
  • Menu Graphique 5 : CoquelicotsGraphique 5 : Coquelicots
  • Menu Graphique 6 : MinouGraphique 6 : Minou
  • Menu Graphique 7 : Indéfinissable !Graphique 7 : Indéfinissable !
  • Menu Graphique 8 : VeniseGraphique 8 : Venise
  • Menu Graphique 9 : KitschGraphique 9 : Kitsch