Menus

Basic styles for creating horizontal, vertical and flyout menus. Use them as a starting point for creating your own menus.

Horizontal

Menu 1

Code

Menu 2

Code

Menu 3

Code

Images:

Adobe Fireworks PNG

Vertical

Menu 4:

• Item one
• Item two
• Item three
• Item four
• Item five

Code

Images:

Adobe Fireworks PNG

Flyout Horizontal

Menu 5:

• Item 1
• Item 2
• Item 3
• Submenu 1
  • Subitem 1
  • Subitem 2
  • Subitem 3
  • Subitem 4
  • Subitem 5
• Submenu 2
  • Subitem 1
  • Subitem 2
  • Subitem 3
  • Subitem 4
  • Subitem 5
• Item 6

Code

sfhover.js (For IE6)

Flyout Vertical

Menu 6:

Code

sfhover.js (For IE6)