Colored Vertical Drop Down Menu

 

 

 

Step 1:For each menu, enter its menu items, and choose the text size

Menu Text: Menu URL:
Menu 1:  

Item Text: Item URL:
Item 1:  
Item 2:  
Item 3:  
Item 4:  
Item 5:  
Item 6:  
Item 7:  
Item 8:  
Item 9:  
Item 10:  
Item 11:  
Item 12:  
Item 13:  
Item 14:  
Item 15:  
Item 16:  
Item 17:  
Item 18:  
Item 19:  
Item 20:  

 

Menu Text: Menu URL:
Menu 2:  

Item Text: Item URL:
Item 1:  
Item 2:  
Item 3:  
Item 4:  
Item 5:  
Item 6:  
Item 7:  
Item 8:  
Item 9:  
Item 10:  
Item 11:  
Item 12:  
Item 13:  
Item 14:  
Item 15:  
Item 16:  
Item 17:  
Item 18:  
Item 19:  
Item 20:  

 

Menu Text: Menu URL:
Menu 3:  

Item Text: Item URL:
Item 1:  
Item 2:  
Item 3:  
Item 4:  
Item 5:  
Item 6:  
Item 7:  
Item 8:  
Item 9:  
Item 10:  
Item 11:  
Item 12:  
Item 13:  
Item 14:  
Item 15:  
Item 16:  
Item 17:  
Item 18:  
Item 19:  
Item 20:  

 

Menu Text: Menu URL:
Menu 4:  

Item Text: Item URL:
Item 1:  
Item 2:  
Item 3:  
Item 4:  
Item 5:  
Item 6:  
Item 7:  
Item 8:  
Item 9:  
Item 10:  
Item 11:  
Item 12:  
Item 13:  
Item 14:  
Item 15:  
Item 16:  
Item 17:  
Item 18:  
Item 19:  
Item 20:  

 

Menu Text: Menu URL:
Menu 5:  

Item Text: Item URL:
Item 1:  
Item 2:  
Item 3:  
Item 4:  
Item 5:  
Item 6:  
Item 7:  
Item 8:  
Item 9:  
Item 10:  
Item 11:  
Item 12:  
Item 13:  
Item 14:  
Item 15:  
Item 16:  
Item 17:  
Item 18:  
Item 19:  
Item 20:  

 

Menu Text: Menu URL:
Menu 6:  

Item Text: Item URL:
Item 1:  
Item 2:  
Item 3:  
Item 4:  
Item 5:  
Item 6:  
Item 7:  
Item 8:  
Item 9:  
Item 10:  
Item 11:  
Item 12:  
Item 13:  
Item 14:  
Item 15:  
Item 16:  
Item 17:  
Item 18:  
Item 19:  
Item 20:  

 

Menu Text: Menu URL:
Menu 7:  

Item Text: Item URL:
Item 1:  
Item 2:  
Item 3:  
Item 4:  
Item 5:  
Item 6:  
Item 7:  
Item 8:  
Item 9:  
Item 10:  
Item 11:  
Item 12:  
Item 13:  
Item 14:  
Item 15:  
Item 16:  
Item 17:  
Item 18:  
Item 19:  
Item 20:  

 

Menu Text: Menu URL:
Menu 8:  

Item Text: Item URL:
Item 1:  
Item 2:  
Item 3:  
Item 4:  
Item 5:  
Item 6:  
Item 7:  
Item 8:  
Item 9:  
Item 10:  
Item 11:  
Item 12:  
Item 13:  
Item 14:  
Item 15:  
Item 16:  
Item 17:  
Item 18:  
Item 19:  
Item 20:  

 

Menu Text: Menu URL:
Menu 9:  

Item Text: Item URL:
Item 1:  
Item 2:  
Item 3:  
Item 4:  
Item 5:  
Item 6:  
Item 7:  
Item 8:  
Item 9:  
Item 10:  
Item 11:  
Item 12:  
Item 13:  
Item 14:  
Item 15:  
Item 16:  
Item 17:  
Item 18:  
Item 19:  
Item 20:  

 

Menu Text: Menu URL:
Menu 10:  

Item Text: Item URL:
Item 1:  
Item 2:  
Item 3:  
Item 4:  
Item 5:  
Item 6:  
Item 7:  
Item 8:  
Item 9:  
Item 10:  
Item 11:  
Item 12:  
Item 13:  
Item 14:  
Item 15:  
Item 16:  
Item 17:  
Item 18:  
Item 19:  
Item 20:  

 

Text Size:

Text Size

 

 

Step 2:Choose the menu style

Menu Style:

Width of Menu Text:

 

 

Step 3:Choose a background color for the menu

1) Choose a general color:    
 
Selected color:

My Colors:     

 
Color of the selected menu item should be:
Lighter than the rest of the menu
Darker than the rest of the menu

 

 

Step 4:Choose the text's color

1) Choose a general color:    
 
Selected color:

My Colors: