Vertical / Horizontal Menu Generator w/ sub menus

 

 STEP 1:

View Colors

SELECT YOUR FONT AND COLORS

SELECT YOUR MENU LAYOUT & COLORS

Font Family:

Menu Layout:

Font Size:

Menu Location
(from top of page):

  pixels

Font Weight:

Menu Location
(from left of page):

pixels

Font Color
(mouse off):

Menu Color
(mouse off):

Font Color
(mouse-over)
:

Menu Color
(mouse-over):

 CLICK BUTTON FOR EACH SECTION BEFORE CONTINUING TO THE NEXT ONE

 STEP 2:
MENU ITEMS
Here you add your main Menu Items, plus sub menus.
More than one sub menu can be added to each Menu Option
COMPLETE FIRST
MENU OPTION 1
COMPLETE SECOND
MENU OPTION 1 - SUB MENU

Menu Option 1 Title:

Sub Menu 1 URL:

Click below button before adding sub-menus

 Sub Menu 1 Title:

When you have finished adding the sub menus, move on to Menu Option 2
following same procedure as above
MENU OPTION 2
COMPLETE FIRST
MENU OPTION 2
COMPLETE SECOND
MENU OPTION 2 - SUB MENU

Menu Option 2 Title:

Sub Menu 2 URL:

Click below button before adding sub-menus

 Sub Menu 2 Title:

When you have finished adding the sub menus, move on to Menu Option 3
following same procedure as above
MENU OPTION 3
COMPLETE FIRST
MENU OPTION 3
COMPLETE SECOND
MENU OPTION 3 - SUB MENU

Menu Option 3 Title:

Sub Menu 3 URL:

Click below button before adding sub-menus

 Sub Menu 3 Title:

When you have finished adding the sub menus, move on to Menu Option 4
following same procedure as above
MENU OPTION 4
COMPLETE FIRST
MENU OPTION 4
COMPLETE SECOND
MENU OPTION 4 - SUB MENU

Menu Option 4 Title:

Sub Menu 4 URL:

Click below button before adding sub-menus

 Sub Menu 4 Title:

When you have finished adding the sub menus, move on to Menu Option 5
following same procedure as above
MENU OPTION 5
COMPLETE FIRST
MENU OPTION 5
COMPLETE SECOND
MENU OPTION 5 - SUB MENU

Menu Option 5 Title:

Sub Menu 5 URL:

Click below button before adding sub-menus

 Sub Menu 5 Title:

 STEP 3:

Paste code below between your <HEAD> tags



Paste code below between your <BODY> tags