Web Design and Site Management

Menu Styles

Previous
Next

Standard Horizontal Menu Styles

Standard Horizontal Menu Systems

Each standard menu style can match the color scheme of your site.

Browser Compatibility:

  • Firefox 2.0x and higher
  • Internet Explorer 5.x, 6.x, 7.x, 8.x and higher
  • Opera 9.x and higher
  • Safari 2.x and higher

Other browsers based on the rendering engines of the above browsers, such as Google Chrome, are also supported. Legacy browsers degrade with grace.

 

Live Samples:

To view live working samples click on the links on the right.

Annelise Jean

Amy Jean Horizontal menu Sample

Item: SHM-HPMM16 (Horizontal)
Item: SVM-VPMM16 (Vertical)

Apple

Item: SHM-HPMM04

Pricing:

Item: SHM-HPMM03 (Horizontal)
Item: SVM-VPMM03 (Vertical)

Blue Pearl

Item: SHM-HPMM05

Pricing:

Item: SHM-HPMM04 (Horizontal)
Item: SVM-VPMM04 (Vertical)

Chocolate

Chocolate Horizontal Menu Sample

Item: SHM-HPMM25 (Horizontal)
Item: SVM-VPMM25 (Vertical)

Coffee and Cream

Coffee and Cream

Item: SHM-HPMM12 (Horizontal)
Item: SVM-VPMM12 (Vertical)

Dunes

Item: SHM-HPMM13

Item: SHM-HPMM13 (Horizontal)
Item: SVM-VPMM13 (Vertical)

Fly Me

Fly Me Horizontal Menu Sample

Item: SHM-HPMM18 (Horizontal)
Item: SVM-VPMM18 (Vertical)

Gun-Medal

Gun-Medal Horizontal Menu Sample

Item: SHM-HPMM26 (Horizontal)
Item: SVM-VPMM26 (Vertical)

Hot Pepper

Item: SHM-HPMM06

Item: SHM-HPMM05 (Horizontal)
Item: SVM-VPMM05 (Vertical)

Lilac

Item: SHM-HPMM11

Item: SHM-HPMM10 (Horizontal)
Item: SVM-VPMM10 (Vertical)

Misty Blue

Item: SHM-HPMM08

Item: SHM-HPMM07 (Horizontal)
Item: SVM-VPMM07 (Vertical)

News Print

News Print Horizontal Menu Sample

Item: SHM-HPMM28 (Horizontal)
Item: SVM-VPMM28 (Vertical)

Orange Spice

Item: SHM-HPMM09

Item: SHM-HPMM08 (Horizontal)
Item: SVM-VPMM08 (Vertical)

Pastah

Item: SHM-HPMM13

Item: SHM-HPMM14 (Horizontal)
Item: SVM-VPMM14 (Vertical)

Plum Wine

Item: SHM-HPMM12

Item: SHM-HPMM11 (Horizontal)
Item: SVM-VPMM11 (Vertical)

Pear

Pear Menu

Item: SHM-HPMM15 (Horizontal)
Item: SVM-VPMM15 (Vertical)

Really Kool

Item: SHM-HPMM07

Item: SHM-HPMM06 (Horizontal)
Item: SVM-VPMM06 (Vertical)

Silver

Silver Horizontal Menu Sample

Item: SHM-HPMM27 (Horizontal)
Item: SVM-VPMM27 (Vertical)

Simple

Item: SHM-HPMM01

Item: SHM-HPMM01 (Horizontal)
Item: SVM-VPMM01 (Vertical)

Slate

Item: SHM-HPMM10

Item: SHM-HPMM09 (Horizontal)
Item: SVM-VPMM09 (Vertical)

Stone Washed

Stone Wash Horizontal Menu Sample

Item: SHM-HPMM24 (Horizontal)
Item: SVM-VPMM24 (Vertical)

Tangerine

Tangerine Horizontal Menu Sample

Item: SHM-HPMM23 (Horizontal)
Item: SVM-VPMM23 (Vertical)

Window

 

Item: SHM-HPMM02

Item: SHM-HPMM02 (Horizontal)
Item: SVM-VPMM02 (Vertical)

Previous
Next

Deluxe Horizontal Menu Styles

Each menu style can match the color scheme of your site.


The following menu is active. Click on the specific links for more information.

Features

  • Multiple menus can be on a page (horizontal, vertical, or both).
  • Each menu can use a diferrent style.
  • Flyout menus display to the left or right.
  • Menus can be centered on a page.
  • Menus optionally have up to 4-state image rollovers.
  • Current marking for breadcrumb link highlighting.
  • The menus are search-engine friendly.
  • Supports Apple iPhone, iPod, and iPad


    Support for touch-enabled devices is a default feature. For an iPhone or iPad user, the menu will work by touch. When a user taps a parent link its sub-menu will appear and be fully accessible. Sub-menus can be closed by tapping the trigger link a second time or by pressing the ESC key.

Browser Compatibility:

  • Firefox 2.0x and higher
  • Internet Explorer 5.x, 6.x, 7.x, 8.x and higher
  • Opera 9.x and higher
  • Safari 2.x and higher

Other browsers based on the rendering engines of the above browsers, such as Google Chrome, are also supported. Legacy browsers degrade with grace.

Live Samples

To view live working samples click on the samle numbered links above.

Single Layer Direct Links

Direct Links can go to a specific page, External Web site, PDF document or a specific place on a page.

They to not have submenus.

Fly Out Menu

  • Position flyout menus to the left or right of the root
  • Auto edge detection: The menu knows when a sub-menu will not have room to display inside the window and will reposition to appear inside the window.

Drop Down Sub Menu

Submenus can be set to open upwards.

You can place a menu in a footer that pops up.

Horizontal or Vertical

Multiple menus can be on a page (horizontal, vertical, or both).

Each menu can use a separate style.

Animation methods

Reveal down, reveal right, combo reveal (for horizontal menus), slide text, or none

Alignment

In a horizontal menu, the first sub-menu can be aligned to the left edge of its trigger, the right edge, or can be centered and justified:

  • the first dropdown will be positioned at the left edge of its trigger,
  • the middle dropdowns will be centered under their triggers,
  • and the last dropdown will be aligned to the right edge of its trigger.

Deluxe Horizontal Menu Styles

Each menu style can match the color scheme of your site.


The following menu is active. Click on the specific links for more information.

Features

  • Multiple menus can be on a page (horizontal, vertical, or both).
  • Each menu can use a diferrent style.
  • Flyout menus display to the left or right.
  • Menus can be centered on a page.
  • Menus optionally have up to 4-state image rollovers.
  • Current marking for breadcrumb link highlighting.
  • The menus are search-engine friendly.
  • Supports Apple iPhone, iPod, and iPad


    Support for touch-enabled devices is a default feature. For an iPhone or iPad user, the menu will work by touch. When a user taps a parent link its sub-menu will appear and be fully accessible. Sub-menus can be closed by tapping the trigger link a second time or by pressing the ESC key.

Browser Compatibility:

  • Firefox 2.0x and higher
  • Internet Explorer 5.x, 6.x, 7.x, 8.x and higher
  • Opera 9.x and higher
  • Safari 2.x and higher

Other browsers based on the rendering engines of the above browsers, such as Google Chrome, are also supported. Legacy browsers degrade with grace.

Live Samples

To view live working samples click on the samle numbered links above.

Single Layer Direct Links

Direct Links can go to a specific page, External Web site, PDF document or a specific place on a page.

They to not have submenus.

Fly Out Menu

  • Position flyout menus to the left or right of the root
  • Auto edge detection: The menu knows when a sub-menu will not have room to display inside the window and will reposition to appear inside the window.

Drop Down Sub Menu

Submenus can be set to open upwards.

You can place a menu in a footer that pops up.

Horizontal or Vertical

Multiple menus can be on a page (horizontal, vertical, or both).

Each menu can use a separate style.

Animation methods

Reveal down, reveal right, combo reveal (for horizontal menus), slide text, or none

Alignment

In a horizontal menu, the first sub-menu can be aligned to the left edge of its trigger, the right edge, or can be centered and justified:

  • the first dropdown will be positioned at the left edge of its trigger,
  • the middle dropdowns will be centered under their triggers,
  • and the last dropdown will be aligned to the right edge of its trigger.

Birch

Horzontal Oak Menu

Item: DHM-HPMM231

Black Ice

Potter Horizontal Menu Sample

Item: DHM-HPMM21

Blue Opal

Horizontal Topaz Menu

Item: DHM-HPMM217

Color Wheel

 

Item: DHM-HPMM219

Einstein

Einstein Horizontal Menu Sample

Item: DHM-HPMM29

Graphite

Graphite Horizontal Menu Sample

Item: DHM-HPMM22

October

Horizontal Tubes Menu

Item: DHM-HPMM234

Picture Frame

 

Item: DHM-HPMM235

Rainbow

 

Item: DHM-HPMM220

Round the Corner

 

Round the Corner Horizontal Menu Sample


Item: DHM-HPMM236

Smoke and Fire

Horizontal Cayenne Menu

Item: DHM-HPMM233

Transparent

 

Item: DHM-HPMM232

Tab Menus

Previous
Next

Tree Menus

Tree Menus present a fully navigable menu in all browsers, including PDA's and assistive readers. The system will detect browsers that do not support JavaScript (or Dynamic CSS) and render the menu in its fully expanded state. That means your navigation system is always accessible.

Tree Menu is supported in the following browsers:

Apple Safari
MSIE4 and higher (Windows and Mac)
Netscape Navigator 6x and higher (Windows and Mac)
Mozilla (Windows and Mac)
Opera 7 and higher (Windows and Mac)
Browsers based on the Mozilla or KDE engine
Older browsers, including Netscape 4, render a fully functional menu in its fully expanded state.

Click the numbers above to see some samples of Tree Menus

Smoke and Fire

 

See Through Tree Menu

 

Outline Left

 

Outline Right