HOME | COMMENTS & FEEDBACK | BASED ON MENU | DONATIONS

Menu Builder beta v1.3

Written for CSS play
by Jerry Anzalone

How to modify the Menu Code to have a one pixel border between list items

Menu

Click on a menu item to edit it's properties. Click the 'New Item' button to add a new item.

When the menu is complete, click the 'Get Menu Code' button, above.

Edit Menu Item

Label URL
Enter the item label and URL then mouse over the menu and click on the menu item (or sub menu item) that the new item will be adjacent to. A popup menu will appear asking for the location of the new item - before or after the menu item clicked upon. An 'As sub item of...' option will be displayed if the menu item clicked upon is able to have sub items.

Menu-wide Properties

Font
Menu item w x h
Sub-menu offset
Menu item border
Label indent
These properties will be applied to all menu items in the menu regardless of the position of the mouse pointer over the menu. With the exception of the border width, all sizes are relative to the font size, so changing the font size will result in a shift in all of the related sizes. Experiment with different settings to achieve the desired appearance.

Mouse Off Properties

Mouse Off Colours

Mouse Off Font

Font weight
Font style
Font variant
Text decoration
Text transform
Set the appearance of menu items when the mouse pointer is off an item.

Mouse Over Properties

Mouse Over Colours

Mouse Over Font

Font weight
Font style
Font variant
Text decoration
Text transform
Set the appearance of menu items when the mouse pointer is over an item. Move the mouse pointer over the menu to see the effect.

Menu builder and associated scripts created by Jerry Anzalone. Tell me what you think at silverleaf inc.