| Web Menus |
Expand Menu Studio
Construct and maintain multi-level menus with this complete menu solution. Includes a menu editor and 50 menu design templates.
Read More...
Mercury Buttons
Dynamically build graphical web buttons and tabs in just minutes. No images required!
Read More...
Fission Menu
Quickly turn a single image into a stylish themed panel of web buttons with the minimum of effort!
Read More...
eXpand
The classic 2-level menu applet. Dynamically expand sub-menus as you move over top-level menus.
Read More...
| | Banners |
Spotlight Banner
Create fantastic eye-catching lighting effects with the Spotlight applet.
Read More...
| | Security |
Abstract e-mail
Abstract offers a truly simple solution to protecting e-mail addresses on your site.
Read More... | | | Expand - Expanding 2-Level Web Navigation Menu
 | 1. Overview | |
1.1 Introduction
eXpand is a Java applet - a powerful menu component that can be easily added to your web pages.
There are a couple of ways of creating your own eXpand menus:
| | • You can use the Interactive Menu Builder page to design and experiment with the eXpand menu. This has the terrific advantage of automatically generating the applet code you will need to add the applet to your web pages.
• Use this comprehensive User Guide to find out how to make the most of every aspect of eXpand menu. | |
Whichever method you choose, we're sure you'll find it easy to create your own eXpand menus.
1.1 Applet Basics
To include an eXpand applet in your web page, you'll need to copy the applet into the same folder as your web page. The applet is called 'WibbleExpand.class'. You'll then need to use a text editor (eg Notepad) or FrontPage to add some specific applet lines to your web page. This is quite a simple task and we'll take you through this step-by-step.
Throughout this guide, we'll show the applet tags within little Notepad windows and we'll sometimes highlight relevant portions in bold text to draw your attention to it. These tags can be quite easily copied and pasted to save time typing in parameter tags.
Here is an example of how the Notepad windows will be displayed (note: the applet parameters shown in this specific example are incomplete and should not be copied into your HTML code):
| |  | <applet code="WibbleExpand.class" height=100 width=150>
</applet>
|  |
| |
What does this do? Well, these tags simply tell the browser to include the eXpand applet on your page.
Notice too that you also have to specify the height and width (in pixels) of the applet. The size values shown in the code above are just examples - you will probably need to alter these values for the menus you create.
Customizing Your Menu
These tags on their own won't exploit any of the powerful eXpand menu features. To do that, you need to add some specific <param> tags within the <applet></applet> tags. These <param> tags are used to give eXpand information on how to customize the menu on your page.
The <param> tags reference the name of each parameter and the value associated with it.
Here is the full list of parameters you can use to configure your menus. Don't worry if this looks confusing at the moment - we're going to talk you through each of the parameters and what they do:
| | | <applet code="WibbleExpand.class" height=120 width=148>
<param name="ImageTop" value="set5_1.gif">
<param name="ImageItem" value="set5_2.gif">
<param name="ImageHighlight" value="set5_3.gif">
<param name="ImageItemWithArrow" value="set5_4.gif">
<param name="ImageHighlightWithArrow" value="set5_5.gif">
<param name="ImageBase" value="set5_6.gif">
<param name="ImageSubItem" value="set5_7.gif">
<param name="ImageSubItemHighlight" value="set5_8.gif">
<param name="Speed" value="20">
<param name="Step" value="5">
<param name="BGColor" value="ffffff">
<param name="MainFontName" value="SansSerif">
<param name="MainFontSize" value="12">
<param name="MainFontStyle" value="1">
<param name="MainMargin" value="20">
<param name="MainColor" value="d0d0d0">
<param name="MainSelectedColor" value="ffffff">
<param name="SubFontName" value="SansSerif">
<param name="SubFontSize" value="10">
<param name="SubFontStyle" value="1">
<param name="SubMargin" value="35">
<param name="SubColor" value="d0d0d0">
<param name="SubSelectedColor" value="ffffff">
<param name="SubXPos" value="-1">
<param name="Menu_Desc_1" value="Main">
<param name="Menu_Desc_1_1" value="Sub #1">
<param name="Menu_Addr_1_1" value="http://www.wibbleware.com">
<param name="Menu_Frame_1_1" value="_blank">
<param name="Menu_Desc_1_2" value="Sub #2">
<param name="Menu_Addr_1_2" value="http://www.wibbleware.com">
<param name="Menu_Frame_1_2" value="_blank">
</applet>
| |
| |
| |
| News |
[April 2009]
Free!
As of today, 4th April 2009, all software on the site is completely free! And there's no more pesky AdSense to avoid either!
[March 2006]
EMS v2.4
Bundled with a GUI editor and 50 menu designs, this updated multi-level menu makes professional site navigation a breeze...
Read More...
[March 2005]
Product Updates
A number of product updates have been made...
Read More...
[April 2004]
Mercury v1.3
Two for one - Mercury can now create buttons AND tabs...
Read More...
[April 2004]
Fission v1.1
An update to Fission navigation menu, our alternative to HTML imagemaps...
Read More...
[March 2004]
Web Page Design
A beginners guide to designing web pages...
Read More... | |
