Wibbleware.com - Java™ Applets for menus, navigation and innovative solutions

This page requires a java-capable browser

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...
  Fission - Web Navigation Menu Panels
Fission - User Guide
4. Button Styles

4.1 Applying A Graphical Style
A choice of different graphical styles can be applied to the buttons within the Fission applet. Here is a quick summary of the numbers we use to identify them and a small sample of each graphical button style:

  

Use the ButtonStyle parameter value to set the graphical button style:

 

<param name="ButtonStyle" value="3">
<param name="ButtonStyleStrength" value="65">

 



4.2 Altering The Style Strength
The ButtonStyleStrength parameter value represents the percentage to use to darken the button style with. This value ranges through -100 to +100. Positive values are darker, negative values are lighter (Note: when specifying positive values, do not prefix them with a '+').

Hint: You can use negative values to reverse the button style effects

The following example shows the ButtonStyleStrength parameter value being set to 65%:

 

<param name="ButtonStyle" value="3">
<param name="ButtonStyleStrength" value="65">

 



4.3 Altering The Button Face Colors
The buttons within Fission can have three different states; normal, highlighted, and selected.

When the button is in the normal state, this is the default. It means the button is just being displayed as normal, and hasn't been highlighted (by moving the mouse cursor over it) or explicitly selected.

You can paint this normal button face with a specific color by specifying a ButtonColor value. The color value is a hexadecimal number in the range 000000-FFFFFF. This is a fairly standard RGB notation for color values (for further information on the way color values are represented, take a look at the Color Model information pages).

Note: To implement a completely transparent button, the value 'FFFFFF' (pure white) is used. This means a value such as 'FEFEFE' would have to be used to paint a button face in white.

The button can also be in a highlighted state. This happens automatically when the mouse cursor is moved over it. You can paint the highlighted button face with a specific color by specifying a HighlightButtonColor value.

You can also use the Selected parameter to force an individual button to be automatically selected. This is useful if you have Fission menus on different pages and wish to indicate the current page on the menu. You can paint the selected button face with a specific color by specifying a SelectButtonColor value.

The following sample parameters would paint the default button face in bright blue, the highlighted button face in bright red, and the selected button face in white:

 

<param name="ButtonColor" value="0000ff">
<param name="ButtonHighlightColor" value="ff0000">
<param name="ButtonSelectColor" value="fefefe">

 



4.4 Color Transparency
As well as specifying a button face color, you also have a degree of control over the transparency of the button face. The minimum transparency you will use (by default) is 50%. However, if you wish to increase the transparency you can do so through the ButtonTransparency parameter value.

Valid values are 1 (the default), 2, 3, and 4. The higher the value, the more transparent the button face will become.

The following parameter sample shows how the transparency value can be set:

 

<param name="ButtonColor" value="000000">
<param name="ButtonHighlightColor" value="000000">
<param name="ButtonSelectColor" value="000000">
<param name="ButtonTransparency" value="1">

 


 
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...