basic menu 5
orientation: mainmenu horizontal/submenu vertical top to bottom
specials: drop shadow effect at main items, submenu opacity, submenues slide out/fade effect
- very similar to the basic menu 1 (see there for more info)
- a horizontal menu with submenues which open from top towards bottom with a slide/fade effect
- the submenuitems block's option for effects is set to 80% opacity
it let's the page text shine through, but the menuitems are still well readable
- special here is the drop shadow effect at the mainmenuitems
- this was achieved by placing TWO MenuMachine objects onto the page.
- one contains the whole menu, the second only the main menuitems
- the second one's z-index is lower than that of the normal menu and the main menu items are of darker text colour
- the whole layer of the darker shadowmenu got a wide background image via the GoLive layer inspector
- the two menulayers are placed slighly offset from eachother at the bottom of the browser window (position controlled via GoLive Layer inspector or css editor), the darker main menuitems have a y-padding of 2 less than the lighter mainmenuitems (set in the MenuMachine Editor)
(for demonstration only - no pagelinks added to the items)