| Web Menus |
Expand Menu Studio
*NEW* 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...
|
|
|
 | 4. Text | |
4.1 Sets, Text and URLs
Up to 20 buttons or tabs can be displayed by each Mercury applet. Each button or tab can have an individual text description, navigation URL, and target frame.
To display a button/tab, the Text_ and Page_ parameters must be specified. The buttons/tabs are numbered, from 1 to 20. So, for instance, button 1 would be declared with parameters like this:
| |  | <applet code="WibbleMercury.class" height=100 width=150>
<param name="NormalColor1" value="6080A0">
<param name="HighlightColor1" value="80a0d0">
<param name="Text_1" value="Test">
<param name="Page_1" value="http://www.wibbleware.com">
<b>This page requires a java-capable browser</b>
</applet>
|  |
| |
And button 2 would be declared with extra parameters like this:
| | | <applet code="WibbleMercury.class" height=100 width=150>
<param name="NormalColor1" value="6080A0">
<param name="HighlightColor1" value="80a0d0">
<param name="Text_1" value="Test">
<param name="Page_1" value="http://www.wibbleware.com">
<param name="Text_2" value="Test">
<param name="Page_2" value="http://www.wibbleware.com/products">
<b>This page requires a java-capable browser</b>
</applet>
| |
| |
And so on, and so on.
The Page_ parameter can either be the fully qualified web page address:
http://www.wibbleware.com
where it is preceded by 'http://' or it can be a relative address. An example of a relative address would be just 'page.htm' (where it will open up the page of this name from the same folder as the web page that contains the applet).
You can also instruct Mercury where to open the page after the user has clicked on it. The Frame_parameter performs this task. If you omit the parameter completely, the new page will automatically be shown in the same window and frame as the Mercury applet.
Using a value of '_blank' will tell Mercury to open the page in a brand new window:
| | | <applet code="WibbleMercury.class" height=100 width=150>
<param name="NormalColor1" value="6080A0">
<param name="HighlightColor1" value="80a0d0">
<param name="Text_1" value="Test">
<param name="Page_1" value="http://www.wibbleware.com">
<param name="Frame_1" value="_blank">
<b>This page requires a java-capable browser</b>
</applet>
| |
| |
Using the name of an HTML frame or window will tell Mercury to open the page in that frame or window (if the name doesn't exist, a brand new window will be opened for it).
4.2 Fonts
The font name, size, style and color for the buttons/tabs can all be specified. An example of these parameters being set is shown below:
| | | <applet code="WibbleMercury.class" height=100 width=150>
<param name="FontName" value="SansSerif">
<param name="FontSize" value="10">
<param name="FontStyle" value="1">
<param name="FontColor" value="FFFFFF">
<param name="NormalColor1" value="6080A0">
<param name="HighlightColor1" value="80a0d0">
<param name="Text_1" value="Test">
<param name="Page_1" value="http://www.wibbleware.com">
<b>This page requires a java-capable browser</b>
</applet>
| |
| |
The FontName parameter can have the values 'Dialog', 'DialogInput', 'Monospaced', 'Serif', or 'SansSerif'. By default, SansSerif will be used.
The FontStyle parameter can have the following values:
| Value | Style | | 0 | Plain | | 1 | Bold | | 2 | Italic | | 3 | Bold and Italic |
4.3 Text Shadow
The button/tab text can, optionally, have a shadow effect. This effect is enabled by setting the TextShadow parameter value to 1. By default, this value will be 0, so no text shadow will be displayed.
However, if the shadow effect is enabled (by setting the TextShadow parameter value to 1) the TextShadowColor parameter will identify the color of the shadow to display:
| | | <applet code="WibbleMercury.class" height=100 width=150>
<param name="NormalColor1" value="6080A0">
<param name="HighlightColor1" value="80a0d0">
<param name="TextShadow" value="1">
<param name="TextShadowColor" value="000000">
<param name="Text_1" value="Test">
<param name="Page_1" value="http://www.wibbleware.com">
<b>This page requires a java-capable browser</b>
</applet>
| |
| |
4.4 Text Alignment
The button/tab text can either be displayed in the middle of the button/tab face, or a pixel value can be used to left-justify the text within the buttons/tabs. The Margin parameter value is used to indicate this.
To justify the text in the middle of the button/tab face, use a value of -1:
| | | <applet code="WibbleMercury.class" height=100 width=150>
<param name="NormalColor1" value="6080A0">
<param name="HighlightColor1" value="80a0d0">
<param name="Margin" value="-1">
<param name="Text_1" value="Test">
<param name="Page_1" value="http://www.wibbleware.com">
<b>This page requires a java-capable browser</b>
</applet>
| |
| |
To centralise the text, use a value of -1. To left-justify the text, use a pixel value:
| | | <applet code="WibbleMercury.class" height=100 width=150>
<param name="NormalColor1" value="6080A0">
<param name="HighlightColor1" value="80a0d0">
<param name="Margin" value="7">
<param name="Text_1" value="Test">
<param name="Page_1" value="http://www.wibbleware.com">
<b>This page requires a java-capable browser</b>
</applet>
| |
| |
The example below shows how text could be aligned on a button face using a variety of different Margin parameter values:
 
|
|
|
