Step 1 is to download the
BeanCounterDate.class file to the same directory as your HTML file.
Step 2 is to add the following to your HTML text: <applet code="BeanCounterDate.class" width=250 height=34> </applet> |
||||||||
To make it count down to a specific date, add the date parameter:
<applet code="BeanCounterDate.class" width=250 height=34> <param name="date" value="31 Dec 1999 23:59:59"> </applet> |
||||||||
To display the countdown as number of days instead of years/months/days,
select this format using the display
parameter. <applet code="BeanCounterDate.class" width=250 height=34> <param name="date" value="31 Dec 1999 23:59:59"> <param name="display" value="days, seconds"> </applet> |
||||||||
To change the presentation, add the textcolor,
bgcolor,
bordercolor,
border
and font parameters:
<applet code="BeanCounterDate.class" width=250 height=34> <param name="date" value="31 Dec 1999 23:59:59"> <param name="textcolor" value="00FF00"> <param name="bgcolor" value="000000"> <param name="bordercolor" value="0099CC"> <param name="border" value="6,bevel"> <param name="font" value="Helv,bold,20"> </applet> |
||||||||
To use a graphical font, add the imagefont
parameter. The textcolor and font parameters have no effect
when an image font is used and can be removed. See the font gallery
for a selection of image fonts. <applet code="BeanCounterDate.class" width=300 height=44> <param name="date" value="31 Dec 1999 23:59:59"> <param name="bgcolor" value="000000"> <param name="bordercolor" value="0099CC"> <param name="border" value="6,bevel"> <param name="imagefont" value="7segSmallRed.gif"> </applet> |
||||||||
Use the background
parameter to display an image in the applet. Remove the bgcolor
parameter to allow the image to show through behind the numbers. <applet code="BeanCounterDate.class" width=400 height=70> <param name="date" value="31 Dec 1999 23:59:59"> <param name="bordercolor" value="0099CC"> <param name="border" value="6,bevel"> <param name="imagefont" value="7segSmallRed.gif"> <param name="background" value="background.gif, 80, 10, 300, 44"> </applet> |
||||||||
Use the alignment
parameter to specify the horizontal position of each number group. This
can be used to position the numbers next to heading text. There are
several ways to add heading text. One way is to include heading text as part of the background image: <applet code="BeanCounterDate.class" width=400 height=70> <param name="date" value="31 Dec 1999 23:59:59"> <param name="background" value="backgroundPlus.gif, 0, 17, 400, 50"> <param name="alignment" value="31, 96, 161, 239, 304, 369"> </applet> Another way is to use an HTML table to position text or graphics relative to the BeanCounterDate applet: <table cellpadding=0 cellspacing=0 border=0> <tr><td width=120><center>Days< /center></td> <td width=60 ><center>Hours</center></td> <td width=60 ><center>Mins< /center></td> <td width=60 ><center>Secs< /center></td></tr> <tr><td colspan=4 width=300> <applet code="BeanCounterDate.class" width=300 height=50> <param name="date" value="31 Dec 1999 23:59:59"> <param name="display" value="days, seconds"> <param name="alignment" value="60, 150, 210, 270"> </applet> </tr></td></table>
|