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 tab java menu applet suitable for use as a navigation bar across the top of your page.
» Tab behaviour. Move the mouse over the tabs above and click on the tabs to experiment with their behaviour. Tabs are created automatically around your specified content. For example, they adjust in size to accommodate your icons and text. Extra space can be inserted between the tabs using separators. A specific tab can always be pre-set as selected when your page loads using the selectTab parameter. Click here for instructions on pre-selecting tabs.
» XP-3000 theme. The XP-3000 design is for those who feel that Windows XP is just a little uninspiring in style. A combination of metallic gradients and borders based on the colours of your choice results in a smart, professional and original button style. The gradient effect reverses on rollover. 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.
» Colour scheme. You can change the colour scheme of the menu.
Here is the extra information you requested about colours.
» Fonts and text formatting. The menu supports true-type fonts and you can format text colour, size, weight and alignment.
- For menus with gradients and graphical effects, the applet interprets a simple colour request by the user and generates all the extra colours necessary.
- Click the 'menu maker' link with the magic wand at the top of the page to reveal an online configurator to experiment with menu colours live.
Here is the extra information you requested 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.
- True-type fonts. Any kind of font which you can display in HTML will also display in the applet (except in very old browsers).
- The demonstration above randomly switches between Verdana and Comic Sans, but you can reconfigure the demonstration live to experiment with your own fonts.
- Colour states. You can define colours for up to three text states, which are normally standard, rollover and active/pressed. So, for example, the text can change colour when the mouse moves onto it, or when the mouse button is clicked. The function of the third colour set may vary with some menu types.
- Alignment. You can align the text left, right or centre.
- Text size and weight. You can give the text almost any size. 'Weight' means you make it 'bold' or 'not bold'.
- Click the 'menu maker' link with the magic wand at the top of the page to reveal an online configurator to experiment with fonts and text live.
Here is the extra information you requested about layout and line-wrapping.
» Icons. Icons are supported. Icons are multi-state and easily redefined by the user.
- This menu supports line-wrapping. If your text is too long to fit onto one line, it will be wrapped, and the button or menu item height will be automatically increased to make extra space.
- You can also force line-breaks instead of relying on automatic wrapping. Click here to find out how to insert line-breaks.
- To adjust the text position left or right, or to assign more vertical space to a menu item, you can use transparent GIF icons. A transparent icon doesn't show, but it pushes the text and the menu item borders. You can also enlarge an existing icon with transparent space to achieve the same effect.
Here is the extra information you requested about icons.
» Hyperlinks. Every menu item can have hyperlinks attached.
- 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.
Here is the extra information you requested about hyperlinks.
- Hyperlinks can be relative or absolute, so you can link both to your site and to other sites.
- If you are using frames, you can target hyperlinks to any frame of your choice.
- You can attach any number of hyperlinks to a menu item, so if you are using a complex set of frames, you can change any or all of the frames.
- Just like HTML hyperlinks, the menu understands special frame targets like '_top', '_blank', etc.
- 'mailto://' hyperlinks work.
- Click here to find out how to attach hyperlinks to your menu items.
Here is the extra information you requested about scripts.
» Separators. Separators are used with these menus to add extra space between tabs.
- Click here to find out how to attach scripts to your menu items.
» 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.
» 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.
More Happy Tab Menus
More Happy XP-3000 Menus