• HOME
• MENU 2
  • FLY OUT
    • Item 1
    • Item 2
    • Item 3
  • Item 1
  • Item 2
  • Item 3
• MENU 3
  • Item 1
  • Item 2
  • Item 3
• MENU 4
  • FLY OUT
    • Item 1
    • Item 2
    • Item 3
  • Item 1
  • Item 2
  • Item 3
• MENU 5
  • Item 1
  • Item 2
  • Item 3

Menu Example

This page uses a bare-bones example of the menu system on this site to help understand how it is structured. I only use one level of fly-out but you can add many more.

This menu system is not my original work. I adapted the menu system I found at: Stu Nicholls' CSS Play Web site.

You can view the source of this page in your browser to see the actual menu structure/code. Or, click to see the actual menu file.

To see the CSS (Cascading Style Sheet) you can view the menu.css file.

If you experiment with the HTML and CSS for this menu system be very careful when editing. I suggest you keep an un-edited original copy of the code to reference as you work on your mods. It is extremely easy to break the menu if you're not very careful.