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