|
||||
|
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
3.1 Button Style The value of the Style parameter is used to determine the main graphical 'look' of the button or tab set you wish to generate. There are seven different styles you can use in conjunction with the button or tab face color as a general basis for your design. Each basic style is demonstrated below:   For buttons or tabs that use styles 0, 1 and 2, the face color will be based entirely on just the value of the NormalColor1 parameter. However, for buttons or tabs that use the gradient styles 3, 4, 5 and 6, the face color will also be based on the value of the NormalColor2 parameter. This was illustrated in the demonstration above. NormalColor1 was a mid-gray color and NormalColor2 was a dark green blue color. Notice that the NormalColor2 (dark green) was only noticeable in the later styles. The applet code that would be added to your web page would go something like this:
The Style parameter is often used in conjunction with Texture Patterns, creating many more designs. See Combining Styles And Textures for further information. 3.2 Texture Pattern A texture pattern can be mapped onto the button or tab face by specifying two parameter values; Texture and TStrength. There are a variety of Textures to choose from  The TStrength value represents the percentage to use to merge the texture pattern with the button or tab face. This value ranges through -100 to +100. Negative values are darker, positive values are lighter (when specifying positive values, do not prefix them with a '+'). The texture patterns are often used in conjunction with Styles, creating many more button or tab designs. See Combining Styles And Textures for further information. The following example shows how the Texture and TStrength parameters would be added to your web page:
3.3 Combining Styles and Textures What's the difference between styles and texture patterns? Well, when the button or tab face is being drawn, the style is drawn on first using the specified colors. The texture pattern is then mapped onto the surface, before the button or tab text is displayed. The intention is that the style will be the main graphical effect, with the texture pattern being used as a semi-transparent overlay. This is achieved by using fairly low TStrength parameter values. For example, if we had a button created with this style:  ...and we then applied a texture with a TStrength parameter value of - say - 30, we'd get the following result:  But if we had used a a TStrength parameter value of -50, we'd get this:  This shows that if we use TStrength values at the higher ends of the scale, we can end up dominating the final button or tab face with the texture, rather than just complimenting the style. 3.4 The Color Model The color value is a hexadecimal number in the range 000000-FFFFFF. This range covers over 16 million possible colors. The way the color value is represented in this 6-digit hexadecimal format is very common. However, an explanation is provided here, just in case you haven't come across this type of color representation before. The color model is comprised of red, green and blue values (known as RGB). The red value is defined in the first 2 hex digits, the green value in the middle 2, and the blue value in the last 2. So, if a red value of 1, a green value of 2 and a blue value of 3 was required, the hexadecimal number would be "010203". All very well, you may think, but what do all these value actually mean? Well, the individual RGB values range from 00-FF. Values at the lower range of this scale mean less of that color, values at the higher range of the scale mean more of that color. If, for example, you wished to define a pure red color, you would want the highest possible red color (FF). When arranged in the RGB color model, this would be shown as FF0000 (red is FF, green is 00, and blue is 00). Pure green would be 00FF00 (red is 00, green is FF, and blue is 00). Pure blue would be 0000FF (red is 00, green is 00, and blue is FF). The following color chart shows common colors and their values:
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
[Home] [Products] [Downloads] [Purchase] [Support] [Articles] [About] support@wibbleware.com © Wibbleware 2003-2007 Privacy Policy [Java™ Trademark Disclaimer] |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
