Graphics Generators   >   Menus   >   Horizontal Drop Down Menus   >   Colored Tab Drop Down Menu

 

Colored Tab 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:

 

 

Step 3:Select the Tab Style

Button Shape:
Tab
Angled Tab
Rounded Corner Size:     

 

Tab Style:
Plain
Shaded
None
3D
Dark Edge
3D Gloss
Gel
Glass
Glass Curved
Gloss

 

Tab Outline:
None
Black
Dark
Bright
Perspective
Custom Color
Outline thickness:     
Outline Color:     

 

Mouse Over Effect:
None
Bright
Spot
Glow
Emboss
3D Border Out
3D Border In
Colored Border
Colorize
Brightness:     
Border Thickness:     
Mouseover Button Color:     
Mouseover Text Color:     

 

 

 

Step 4:Choose the tab width and height in pixels

Width:
Height:

You chose this size:

 

 

Step 5:Choose a color for the menu and text

1) Choose a general color:    
 
3) Assign the color:     
Selected color:
Menu Color   
Text 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 6:Choose a background color (optional)

1) Choose a general color:    
 
Selected color:

My Colors: