|
|
|
Example: (click the 'menu maker' link to change appearance, content and size of the example)
What can this menu do for you?
» This is a sliding java menu applet suitable for use as a navigation bar down the side of your page.
» Submenus. The menus have one level of sliding submenus. The Quad-I sliding menu uses an expanding button design - the parent menu item expands its border to include the submenu. Move the mouse over the sliding menu to try out this effect. Click here to find out more about sliding submenus.
» Quad-I theme. The Quad-I design is a simple generic menu design with coloured blocks. Each menu item has a small block of solid colour on the left (onto which an icon can be superimposed depending on menu type). The main menu item area is a matching paler colour. A white grid separates the coloured blocks. Different menu types are categorised into themes, so you can obtain a variety of matching menus. Click here to see all the menus which match this theme.
» States and colours. The menu items each have three states combining to distinguish rollover items and submenu items. Click here to find out more about states and colours.
» Fonts and text formatting. The menu supports true-type fonts and you can format text colour, size, weight and alignment. Click here to find out more about fonts and text formatting.
» Layout and line-wrapping. This menu features automated layout. Automated layout means that the menu adapts itself to the content you enter into it. For example, buttons and menu items will be automatically sized and the thematic elements recalculated to fit precisely. Click here to find out important information about layout and line-wrapping, including design tips and essential guidance.
» Icons. Icons are supported. Icons are multi-state and easily redefined by the user.
Here is the extra information you requested about icons. [CLOSE]
- Icons are optional - you don't have to have them.
- Icons are just simple GIF or JPG files and you can use any image files that you find around the web, or you can make your own. As they are GIF/JPG files, you can edit your icons with any image editor.
- You can choose different icons for each menu item.
- You can define one, two or three states for your icons.
- A two-state icon has one state for its normal appearance, and another state for when the mouse moves over it.
- A three-state icon has an additional state which is normally used as an active/pressed-in indicator. However the purpose or availability of this third state may vary with some menu types.
- Click here to find out how to tell the applet which icons it should display.
» Hyperlinks. Every menu item can have hyperlinks attached. Click here to find out more about hyperlinks.
» Script triggers. If you like writing your own javascripts, you will be happy to find that this applet can directly trigger your scripts. Click here to find out more about scripts.
» Separators. Insert specially styled separators at the top level only (not in submenus). Separator appearance is dependent on the menu theme and some have dramatic visual effects to enhance the menu interface. There is no separator for this theme - separators in the index file will be ignored. Click here to find out how to insert separators into your menu.
» Capacity. This menu supports up to 50 menu items, including submenu items (if available). For greater capacity, or for menus created dynamically or from databases, try the Big Happy Menus variation.
» Tools. An online visual configuration tool is available. Just click  menu maker. It can be used to edit the size, appearance and content of your menu.
» Sound effects. The menu can trigger sounds of your choice.
» For navigation menus similar to this but with more features and higher capacity, try these tree menus and sliding menus.
» Custom solutions based on this menu are also available.
» Help. Here is a help page with more information. If you would like to open up ALL the hidden extra information sections on this page simultaneously, then click here.
See also
More Happy Sliding Menus
More Happy Quad-I Menus |
|
