Description: draw tab button in active or passive state
Arguments: "tab | width | light_color | dark_color | fill_color | passive_light |
passive_dark | passive_fill "
HTML code:
<applet code="EasyButton_v2_5.class" height="20" width="105">
<param name="Background" value="|blue-">
<param
name="Copyright" value="(c) Danilo Kozub, 2000-2001, http://DanKozub.com,
mail@DanKozub.com">
<param name="HREF" value="http://DanKozub.com">
<param name="text" value="DOWNLOAD||||arial|12|bold|white||0">
<param name="text2" value="|||||||yellow||">
<param name="Effect1"
value="tab|2|white|gray|#EFDDC2|white|gray-|gray+">
<param name="Effect2" value="tab|2|white|gray|#EFDDC2|white|gray-|gray+">
<param name="UpdateTime" value="50">
<param name="Group" value="1|active">
</applet>
Rem: make sure you've set "group" and "updatetime" params! Otherwise the effect will not function correctly.
Move mouse cursor over the button to see color animation
Description: Draw rectangle of defined width and color
sequence
Arguments: "rect | width | anim_color1| anim_color2 | anim_color3 | anim_color4 |
color5 | ..."
HTML code:
<applet code="EasyButton_v2_5.class" height="20" width="105">
<param name="Background" value="|blue-">
<param
name="Copyright"
value="(c) Danilo Kozub, 2000-2001,
http://DanKozub.com, mail@DanKozub.com">
<param name="Effect1" value="rect |3 |blue |white |blue">
<param name="Effect2" value="rect |3 |white,1000,100>blue,1000 | white,1000,200>blue,1000 |
white,1000,200>blue,1000">
<param name="HREF" value="http://DanKozub.com">
<param name="text" value="DOWNLOAD||||arial|12|bold|white||0">
<param name="text2" value="|||||||yellow||">
</applet>
Please note animated colors for mouseover state of rectangle (Effect2)
There are also similar effects to draw and fill oval:
drawoval - parameters: "drawoval | width | color1|
color2 | color3 | ..."
filloval - parameters: "filloval | color"
Description: Draw line of defined width and color sequence
Arguments: "underline | width | anim_ color1| anim_ color2 | anim_ color3 |
anim_color4 | color5 | ..."
HTML code:
<applet code="EasyButton_v2_5.class" height="20" width="105">
<param name="Background" value="images/background1.jpg">
<param
name="Copyright"
value="(c) Danilo Kozub, 2000-2001,
http://DanKozub.com, mail@DanKozub.com">
<param name="Effect1" value="underline|3|blue|white|blue">
<param name="Effect2" value="underline|3|blue|red|blue">
<param name="HREF" value="http://DanKozub.com">
<param name="text" value="DOWNLOAD||||arial|12|bold|blue-||0">
<param name="text2" value="|||||||red||">
</applet>
Description: Draw 3D button
Arguments: "fill3drect | elevation | light color | dark color | button color "
HTML code:
<applet code="EasyButton_v2_5.class" height="18" width="105">
<param
name="Copyright"
value="(c) Danilo Kozub, 2000-2001,
http://DanKozub.com, mail@DanKozub.com">
<param name="HREF" value="http://DanKozub.com">
<param name="Effect1" value="fill3drect|3|blue|black|blue-">
<param name="Effect2" value="fill3drect|3|blue|black|blue-">
<param name="text" value="Button
One||||arial|10|bold|white|gray|0">
<param name="text2" value="|||||||yellow||0">
</applet>
This effect is combination of two effects, that can be used separately:
fillrect - parameters: "fillrect | color "
draw3drect - parameters: "draw3drect | elevation | light color | dark color
"
|
Move mouse cursor over the button to see color animation
Description: Gradient fill
Arguments: "gradient | color1 | color2 | vertical/horizontal | centered/plain "
HTML code:
<applet code="EasyButton_v2_5.class" height="18" width="105">
<param
name="Copyright"
value="(c) Danilo Kozub, 2000-2001,
http://DanKozub.com, mail@DanKozub.com">
<param name="HREF" value="http://DanKozub.com">
<param name="Effect1" value="Gradient | blue- | black |
horizontal | centered">
<param name="Effect2" value="Gradient | blue,1000>black,1000 | black,1000>blue,1000 | vertical ">
<param name="text" value="Button
One||20||arial|10|bold|white|gray|0">
<param name="text2" value="|||||||yellow||0">
</applet><BR>
Description: Light
Arguments: " Light | color1 | color2"
Remark: This effect is quite slow
HTML code:
<applet code="EasyButton_v2_5.class" height="30" width="140">
<param
name="Copyright"
value="(c) Danilo Kozub, 2000-2001,
http://DanKozub.com, mail@DanKozub.com">
<param name="HREF" value="http://DanKozub.com">
<param name="Effect1" value="light |red |black">
<param name="Effect2" value="light |red+30 |black">
<param name="text" value="Button
One||||arial|10|bold|white|gray|0">
<param name="text2" value="|||||||yellow||0">
</applet>
Description: Lightline
Arguments: " Lightline | color1 | color2"
HTML code:
<applet code="EasyButton_v2_5.class" height="30" width="105">
<param
name="Copyright"
value="(c) Danilo Kozub, 2000-2001,
http://DanKozub.com, mail@DanKozub.com">
<param name="HREF" value="http://DanKozub.com">
<param name="Effect1" value="lightline |blue |black">
<param name="Effect2" value="lightline |blue+30 |black">
<param name="text" value="Button
One||||arial|10|bold|white|gray|0">
<param name="text2" value="|||||||yellow||0">
</applet>
Arguments: "Sphere | brightest color | medium color | darkest
color | background color | x | y | diameter"
Remark: diameter should be even number, default value for y is center of the applet
HTML code:
<applet code="EasyButton_v2_5.class" height="30" width="105">
<param
name="Copyright"
value="(c) Danilo Kozub, 2000-2001,
http://DanKozub.com, mail@DanKozub.com">
<param name="HREF" value="http://DanKozub.com">
<param name="Effect1" value="sphere|red+50|red|red-70|black|120||26">
<param name="Effect2" value="sphere|blue+50|blue|blue-70|black|120||26">
<param name="text"
value="Button One||||arial|10|bold|white|gray|0">
<param name="text2" value="|||||||yellow||0">
</applet>
As you have already noticed you can use animated colors for text,
background and some effects.
Animated color can be set by sequence of colors and transition periods between them.
Each color can be defined by string constant (blue, red, etc.), string constant with modifiers (red+50, blue-30, etc) or by hex number (#FF0000, #FBAA34, etc). Time should be set in milliseconds.
The simplest example of animated colors can be defined by the
following string:
"black,-1000>red,-1000". Minus means that colors wouldn't be mixed.
It will look like this:
If you want colors to transform one into other set color to "black,1000>red,1000"
and you'll get this:
Number of colors in the sequence is unlimited, so you can create
more complicated effects by using similar string:
"black,-1000>black,100>red+20,100>red,500":
To create wave effect similar to the top buttons of this page, you can set delay for the redraw cycle. All you have to do is to add this parameter to the definition of the first color: "black,1000,100>red,1000". Red number means that animation will be delayed for 100ms relative to other buttons.
You can set your EasyButton to load counter images when some events happen and with
certain probabilities.
You can use up to 4 counters by adding the following parameters:
<param name="counter[N]" value="path_to_counter_script | when_load | probability | x | y ">
Example:
<param name="counter1" value="/bin/counter/counter1 |
always | 0.01 | 0 | 0 ">
<param name="counter2" value="/bin/counter/counter2 | click |
1 | 40 | 0 ">
In the above example one counter will be loaded once per 100 page loads, another counter - every time the button is pressed.
To see current values of counters click on the button with pressed SHIFT and CONTROL