|
||||
|
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
2.1 Background Color In most cases, you will probably want to match the background color of the Mercury applet (any areas without a button or tab drawn onto them) with the main background color of your web page. This is usually done to blend the applet into the web page, making it appear to have a transparent background. You can achieve this through the BGColor parameter:
The BGColor 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). Color Chart The following color chart shows common colors and their values and is a useful quick-reference guide to get you started:
2.2 Buttons Or Tabs? By default, Mercury will display sets of buttons. If you wish to display a set of tabs, you will need to set the Tab parameter to 1. Using the tab facility means that you cannot set the orientation to vertical (tabs can only be displayed horizontally), or use the shadow or stagger functions. This is demonstrated in the example below:
2.3 Dimensions The size (all sizes are in pixels) of each button or tab face is determined from the ButtonWidth and ButtonHeight tags:  
The minimum ButtonWidth value is 50 and the maximum value is 300. If the value is not specified, the default minimum value of 50 will be assumed. The minimum ButtonHeight value is 18 and the maximum value is 100. If the value is not specified, a value of 25 will be assumed. Although you may not have noticed, the actual button size of the entire button shown in the example above is, in fact, slightly larger than 100 wide * 25 high. Why is this? Well, the button face is just part of the overall button. An outline and/or shadow effect (buttons only - shadows aren't displayed on tabs) may also be drawn and these effects increase the actual button or tab size within the applet. This has an effect on the Width and Height parameters you specify in your <applet> tags. See the information on Outline and Shadow Effect for further details. 2.4 Main Colors The color of the button or tab face is primarily based on the NormalColor1 parameter:
For buttons or tabs that use styles 0, 1 and 2, the face color will be based entirely on the value of the NormalColor1 parameter value. However, for buttons or tabs that use the gradient styles (values 3, 4, 5 and 6), the button or tab face color will also be based on the value of the NormalColor2 parameter value:
This is demonstrated in the diagram below. The NormalColor1 parameter value represents a mid-gray color and the NormalColor2 parameter value represents a deep blue color. Notice that the color specified by NormalColor2 (deep blue) is only used in the later gradient styles:  2.5 Shapes Buttons can be displayed using a number of different shapes. Examples of the shapes and their parameter values are listed below:  You can alter the button shape through the Shape parameter value - simply use any value in the range 0-4. The following example would display a rounded button:
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
[Home] [Products] [Downloads] [Purchase] [Support] [Articles] [About] support@wibbleware.com © Wibbleware 2003-2007 Privacy Policy [Java™ Trademark Disclaimer] |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
