Other applets

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" height=50 BGCOLOR="#660099" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="725" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 33 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER WIDTH="71"><div> <A HREF="id33.htm" TARGET="_top" TITLE="Lake Applet"><IMG SRC="640070e0.png" border=0 width="7" height="14" ALT="previous" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A>  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="14">  <A HREF="id94.htm" TARGET="_top" TITLE="Slideshow1"><IMG SRC="642070e0.png" border=0 width="7" height="14" ALT="next" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A></div> </tD> <tD VALIGN=CENTER><NOBR><div> <DIV style="TEXT-ALIGN: center"> <STYLE type=text/css> #rollbutton a { color: #C0DCC0; font-size:12px; font-weight: bold; text-decoration: none; border:2px outset #D3D3D3; background-color:#680098; display: block; width: 85px; height: 19px; padding: 0px; } #rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset #D3D3D3; } </STYLE> <DIV id=rollbutton> <A href="http://www.samisite.com" title="Samisite.com Home Page" target="_top" onfocus="this.blur()">HOME</A> <A href="http://www.forum.samisite.com" title="Visit the Samisite Webmaster Community Forum" target="_top" onfocus="this.blur()">FORUM</A></DIV> </DIV></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div>  </div> <div>                             <FONT SIZE="1" COLOR="#CCCC99" FACE="Arial" >                                           </FONT></div> <div> </div> </td> </tr><tr> <td valign="top" height=430 BGCOLOR="#DDDDDD" TEXT="#080000"> <div> <STYLE>  </STYLE><A HREF="index.htm" TARGET="_top" TITLE="Test Index">Test Index</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id93.htm" TARGET="_top" TITLE="Photo Borders">Photo Borders</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id125.htm" TARGET="_top" TITLE="Table of sliced images Rounded corners">Table of sliced images - Rounded corners</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="sliceandlink.htm" TARGET="_top" TITLE="Sliced images and manually linked">Sliced images and manually linked</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id129.htm" TARGET="_top" TITLE="Overlap Images">Overlap Images</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id128.htm" TARGET="_top" TITLE="Create a Watermark">Create a Watermark</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id35.htm" TARGET="_top" TITLE="Gif Png Transparency">Gif Png Transparency</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id138.htm" TARGET="_top" TITLE="ButtonsImage Links">Buttons-Image Links</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id136.htm" TARGET="_top" TITLE="Image Names">Image Names</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id139.htm" TARGET="_top" TITLE="Image Theft">Image Theft</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id33.htm" TARGET="_top" TITLE="Lake Applet">Lake Applet</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><B>Other applets</B><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id94.htm" TARGET="_top" TITLE="Slideshow1">Slideshow1</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id127.htm" TARGET="_top" TITLE="Slideshow2">Slideshow2</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id144.htm" TARGET="_top" TITLE="Slideshow3">Slideshow3</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id88.htm" TARGET="_top" TITLE="Galleries">Galleries</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id141.htm" TARGET="_top" TITLE="DD Thumbnail Viewer">DD Thumbnail Viewer</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="imagemap.htm" TARGET="_top" TITLE="image map">image map</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id113.htm" TARGET="_top" TITLE="xara thumbnail">xara thumbnail</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id114.htm" TARGET="_top" TITLE="Random Image">Random Image</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id131.htm" TARGET="_top" TITLE="LOGO BRANDING">LOGO BRANDING</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id126.htm" TARGET="_top" TITLE="Animated Image">Animated Image</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id132.htm" TARGET="_top" TITLE="photo with sound">photo with sound</A></div> <bR> <div> <B>Other Java Applets:   </B><FONT SIZE="3" COLOR="#330066" FACE="Arial" ><B>(3 java codes with samples)</B></FONT></div> <div> <B> <script type="text/javascript" src="ieupdate.js"></script>  </B></div> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="701" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 244 WIDTH="408"><div> <B>#1 </B><FONT SIZE="5" COLOR="#330066" FACE="Arial" ><B>Animated image reflection:</B></FONT><FONT SIZE="4" COLOR="#330066" FACE="Arial" ><B> </B></FONT></div> <div> <B>Dancing Gerbils</B><B> </B><B> </B><FONT SIZE="3" COLOR="#330066" FACE="Arial" ><B> </B></FONT><FONT SIZE="4" COLOR="#6600FF" FACE="Arial" ><B>[Applet:  lake]</B></FONT></div> <bR> <div> This applet can be used on animated images or still images.</div> <bR> <div> IMPORTANT: This is a different applet then the Lake.class file used in the other tutorial, but it follows the same instructions.</div> <DIV ALIGN="LEFT"></DIV> <div>  <a href="HTMLobj-833/lake.class"><u>Download lake.class</u> </a>  </div> <bR> <bR> </tD> <tD VALIGN=TOP><NOBR><div> <B>Take a plain animated image:</B></div> <div> (from a free animated clipart site)</div> <div>  <img src="HTMLobj-830/aniGif.gif" alt="dancing gerbils" border="0" align="bottom" width="144" height="48">  </div> <bR> <div> <B>And transform it - give it a reflection:</B></div> <div>  <applet code="lake" codebase=HTMLobj-831 width=144 height=91> <param name="image" value="HTMLobj-831/gerbils.gif"> <param name="href" value="http://www.samisite.com"> </applet>  </div> </NOBR></tD> </tR> </TABLE></div> <div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" > <A NAME="instruct"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></FONT>Important note:  This tutorial is made with <B>lake.class</B> not <B>Lake.class</B>!  The capital L matters! </div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="690" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 83 ><NOBR><div> <B>1. Adjust image size: </B></div> <div> Use a photo program to check pixel size. Width stays the same. </div> <div> Height of image increased: <B>multiply by 1.9</B> Ex: height is 48 44 x 1.9 = 91.2 = rounded to <B>91</B> pixels </div> <div> Use your calculated height in the inserted HTML code</div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 517 ><NOBR><div> <B>2. Insert the code:  Insert > HTML                                    </B><FONT SIZE="2" COLOR="#000000" FACE="Arial" ><B> </B></FONT><FONT SIZE="2" COLOR="#CC0000" FACE="Arial" >NOTE: Items in red are changed to match yours</FONT></div> <div> <B>CSB User: Insert > HTML  (same as Trellix Webgem)     CSB User: still use ^GEMDIR in code! </B></div> <bR> <div> <applet code=<B>"lake" codebase=^GEMDIR</B> width=<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >144 </FONT>height=<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >91</FONT>> </div> <div> <param name=<B>"image" value="^GEMDIR/</B><FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >gerbils.gif</FONT>"> </div> <div> <param name="href" value="<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >http://www.samisite.com</FONT>"> </div> <div> </applet></div> <DIV ALIGN="LEFT"></DIV> <div> <IMG SRC="50c625f0.gif" border=0 width="610" height="351" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 101 ><NOBR><div> <B>3. Insert both files</B> <FONT SIZE="1" COLOR="#000000" FACE="Arial" >into Gem files </FONT><FONT SIZE="1" COLOR="#663366" FACE="Arial" >(Webcomponent)</FONT></div> <div> <B>CSB User: Files for this component is same as Gem Files!</B></div> <div> <B>Make sure capitalization is same as you used in the code (step 2)!</B></div> <bR> <div> <B>4. Publish!</B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#AAAAAA HEIGHT= 100 ><NOBR><div> <B>NOTE: </B> if using frames, the link will load in current frame unless you add:</div> <div> <param name="target" value="_top">  </div> <bR> <div> to open in a new window <I>(added to variation 1)</I>, add:</div> <div> <param name="target" value="_blank"></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> <B>VARIATION 1: add a border</B></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="523" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 66 WIDTH="511"><bR> <div>  <center><table border=5 cellspacing=0 cellpadding=0><tr><td> <applet code="lake" codebase=HTMLobj-832 width=144 height=91> <param name="image" value="HTMLobj-832/gerbils.gif"> <param name="href" value="http://www.samisite.com"> <param name="target" value="_blank"> </applet></td></tr></table></center>  </div> <bR> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 194 ><NOBR><div> <B>Add items in blue for a tight border around image:</B></div> <bR> <div> <B><center><table border=5 cellspacing=0 cellpadding=0><tr><td></B></div> <div> <applet code=<B>"lake" codebase=^GEMDIR</B> width=<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >144</FONT> height=<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >91</FONT>> </div> <div> <param name=<B>"image" value="^GEMDIR/</B><FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >gerbils.gif</FONT>"> </div> <div> <param name="href" value="<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >http://www.samisite.com</FONT>"> </div> <div> <param name="target" value="_blank"></div> <div> <B></applet></td></tr></table></center></B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> NOTE: Items in red are changed to match yours</div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="701" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 374 WIDTH="408"><div> <FONT SIZE="5" COLOR="#6600FF" FACE="Arial" ><B># 2:</B></FONT><B>  </B><FONT SIZE="5" COLOR="#330066" FACE="Arial" ><B>Water layer over image</B></FONT><B> </B></div> <div> <B>Bowling Lane Oil Slick</B><B> </B><B> </B><B> </B><FONT SIZE="4" COLOR="#6600FF" FACE="Arial" ><B>[Applet:  PoolMenu]</B></FONT></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B>Before you go to the bowling alley, check to see just how oily the lanes really are!</B></div> <div> <B>Move cursor over the lane surface.</B></div> <bR> <bR> <bR> <div> <B>Download these files:</B></div> <div>  <a href="HTMLobj-839/ImageMap.class"><u>ImageMap.class</u> </a>  </div> <div>  <a href="HTMLobj-840/Pool.class"><u>Pool.class</u> </a>  </div> <div>  <a href="HTMLobj-841/PoolMenu.class"><u>PoolMenu.class</u> </a>  </div> <bR> </tD> <tD VALIGN=TOP WIDTH="282"><div> <B>Take a plain image:</B></div> <div> <IMG SRC="346da7a0.jpg" border=0 width="218" height="122" ALT="lane" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> <div> <B>And transform it - give it a watery layer on top:</B></div> <div>  <center><table border=7 cellspacing=0 cellpadding=0 style="border-style:inset" ><tr><td> <applet code="PoolMenu" codebase=HTMLobj-837 width=218 height=122> <param name="image" value="HTMLobj-837/blaneh.jpg"> </applet></td></tr></table></center>  </div> <div> I have this posted on a bowling league site</div> <bR> </tD> </tR> </TABLE></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="690" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 27 ><NOBR><div> <B>1. Download the 3 class files noted above.  You can use the alley image or any JPG image.</B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 171 ><NOBR><div> <B>2. Insert the code:  Insert > HTML                             </B><FONT SIZE="2" COLOR="#000000" FACE="Arial" ><B>        </B></FONT><FONT SIZE="2" COLOR="#CC0000" FACE="Arial" >NOTE: Items in red are changed to match yours</FONT></div> <div> <B>CSB User: Insert > HTML  (same as Trellix Webgem)     CSB User: still use ^GEMDIR in code! </B></div> <bR> <div> <center><table border=7 cellspacing=0 cellpadding=0 style="border-style:inset" ><tr><td></div> <div> <applet code=<B>"</B><B>PoolMenu</B><B>" codebase=^GEMDIR</B> width=<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >218</FONT> height=<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >122</FONT>></div> <div> <param name=<B>"</B><B>image</B><B>" </B><B>value="^GEMDIR/</B><FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >blaneh.jpg</FONT>"></div> <div> </applet></td></tr></table></center></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 101 ><NOBR><div> <B>3. Insert all four file</B><B>s</B><B> </B><B>in</B><B>to </B><B>Webcomponent</B><FONT SIZE="3" COLOR="#663366" FACE="Arial" ><B> </B></FONT><FONT SIZE="3" COLOR="#660099" FACE="Arial" ><B>(</B><B>Gem files)</B></FONT></div> <div> <B>CSB User:  Files for this component is same as Gem Files!</B></div> <div> <B>Make sure capitalization is same as you used in the code (step 2)!</B></div> <bR> <div> <B>4. Publish!</B></div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="755" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP COLSPAN=2 HEIGHT= 245 ><NOBR><div> <B># 3:</B><FONT SIZE="4" COLOR="#330066" FACE="Arial" ><B> </B></FONT><FONT SIZE="5" COLOR="#330066" FACE="Arial" ><B>Swirling Snow over image  </B></FONT></div> <div> <B>Make a Holiday Card </B><B>or seasonal statement for your site!  </B><B> </B></div> <div> <B>[Applet:  alcsnow]</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B> <center><table border=7 BORDERCOLORLIGHT="#808080" BORDERCOLORDARK="#000099" cellspacing=0 cellpadding=0 style="border-style:inset" ><tr><td> <applet code="alcsnow" codebase=HTMLobj-1257 width="346" height="221"> <param name="grph" value="HTMLobj-1257/willierissellsnowcro.jpg"> <param name="snows" value="800"> <param name="threadsleep" value="25"> </applet></td></tr></table></center>  </B></div> <div> <I>Photo donated by Willie Rissell for use in this sample.</I></div> <bR> <div> <B>Download this file:</B></div> <div> <B> <a href="HTMLobj-1031/alcsnow.class"><u>alcsnow.class</u> </a>  </B></div> <bR> <div> These images were sent to me by friends in the north to remind me what I am missing in Florida (USA)</div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 526 ><NOBR><div> <B>A. Take a plain image:</B></div> <div> <B><IMG SRC="4015add0.jpg" border=0 width="346" height="221" ALT="snow and trees - Rochester NY April 2003" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <bR> <div> <B>And transform it - give it a snowy layer on top:</B></div> <div>  <center><table border=7 cellspacing=0 cellpadding=0 style="border-style:inset" ><tr><td> <applet code="alcsnow" codebase=HTMLobj-1027 width="346" height="221"> <param name="grph" value="HTMLobj-1027/4-03-trees.jpg"> <param name="snows" value="500"> <param name="threadsleep" value="50"> </applet></td></tr></table></center>  </div> <bR> </NOBR></tD> <tD VALIGN=TOP><NOBR><div> <B>B. Take a plain image:</B></div> <div> <B><IMG SRC="40556d20.jpg" border=0 width="342" height="210" ALT="car and street buried in snow - Rochester NY, January 2003" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <bR> <div> <B>And transform it - give it a snowy layer on top:</B></div> <div> <B>(harder to see with too much white in image)</B></div> <div> <B> <center><table border=7 cellspacing=0 cellpadding=0 style="border-style:inset" ><tr><td> <applet code="alcsnow" codebase=HTMLobj-1030 width="342" height="210"> <param name="grph" value="HTMLobj-1030/01-03carsnow.jpg"> <param name="snows" value="800"> <param name="threadsleep" value="25"> </applet></td></tr></table></center>  </B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP COLSPAN=2 HEIGHT= 142 WIDTH="745"><div> <B>C. Yes....an animated image can be used under the snow overlay:</B></div> <div> <B> <center><table border=7 cellspacing=0 cellpadding=0 style="border-style:inset" ><tr><td> <applet code="alcsnow" codebase=HTMLobj-1032 width="100" height="100"> <param name="grph" value="HTMLobj-1032/santa1.gif"> <param name="snows" value="100"> <param name="threadsleep" value="100"> </applet></td></tr></table></center>  </B></div> <div> (Santa image came from a free gif site)</div> </tD> </tR> </TABLE></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="690" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 27 ><NOBR><div> <B>1. Download the class file noted above.  You can use the any JPG or GIF image.</B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 450 ><NOBR><div> <B>2. Insert the code:  Insert > HTML                       </B><FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >NOTE: Items in red are changed to match yours</FONT></div> <div> <B>CSB User: Insert > HTML  (same as Trellix Webgem)     CSB User: still use ^GEMDIR in code! </B></div> <bR> <div> <B>This is the code I used for the snowytrees (the car is the same except image name and size)</B></div> <div> <center><table border=7 cellspacing=0 cellpadding=0 style="border-style:inset" ><tr><td></div> <div> <applet code="alcsnow" <B>codebase=^GEMDIR</B> width="<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >346</FONT>" height="<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >221</FONT>"></div> <div> <param name="grph" value="<B>^GEMDIR/</B><FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >4-03-trees.jpg</FONT>"></div> <div> <param name="snows" value="500"></div> <div> <param name="threadsleep" value="50"></div> <div> </applet></td></tr></table></center></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="535" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 190 ><NOBR><div> <B>Two values you can change to suit your needs:</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0"> "snows" value="500":</B> This value (500) can be adjusted up or down </div> <div> larger number = more snow flakes</div> <div> lower number = less snow flakes</div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">"threadsleep" value="50":</B> This value (50) can be adjusted up or down</div> <div> larger number = snow flakes fall slower</div> <div> lower number = snow flakes fall faster</div> <div> For comparison, the car in the snow (B) is set to 800/25 more flakes, faster.</div> <div> The Santa image (C) is much smaller so set to 100/100 less flakes, slower.</div> </NOBR></tD> </tR> </TABLE></div> <bR> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 101 ><NOBR><div> <B>3. Insert the image and class file into the Webcomponent</B><FONT SIZE="3" COLOR="#663366" FACE="Arial" ><B> </B></FONT><FONT SIZE="3" COLOR="#660099" FACE="Arial" ><B>(Gem files)</B></FONT></div> <div> <B>CSB User:  Files for this component is same as Gem Files!</B></div> <div> <B>Make sure capitalization is same as you used in the code (step 2)!</B></div> <bR> <div> <B>4. Publish!</B></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> <B>Enjoy!</B></div> <bR> <bR> <div> <B># 4:</B><FONT SIZE="4" COLOR="#330066" FACE="Arial" ><B> </B></FONT><FONT SIZE="5" COLOR="#330066" FACE="Arial" ><B>RAIN.  Way too much downpore over image  </B></FONT><FONT SIZE="4" COLOR="#330066" FACE="Arial" ><B> </B></FONT></div> <div> <B>[Applet:  Confetti]</B></div> <bR> <div> This is a conversion of the code sample on this page:</div> <bR> <div> <B>Please download the image and files from that location.</B></div> <div> <B> <APPLET CODE="Rain" codebase=HTMLobj-1530 WIDTH="380" HEIGHT="285" ALIGN="BOTTOM"> <PARAM NAME="gray" VALUE="500"> <PARAM NAME="angle" VALUE="1"> <PARAM NAME="back" VALUE="rain.jpg"> </APPLET>  </B></div> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="690" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 182 WIDTH="678"><div> <B>This sample is different.  The way the applet is written, it requires that you have the image in the </B><FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>SAME DIRECTORY</B></FONT><B> on your web page.  </B><FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B>You must use FTP or file manager/control panel provided by your host to put the image on your website.  </B></FONT><B>You can not use CSB/Trellix to upload this image and get the applet to work.</B></div> <bR> <div> <B>1. Download the class file and image from this page: </B></div> <div> <B>       </B><B>http://javaboutique.internet.com/Rain/index.html  </B></div> <div> <B>Start with the image they provide, then change to any JPG or TRANSPARENT GIF image you choose.</B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 489 WIDTH="678"><bR> <div> <B>2. Insert the MODIFIED code:  Insert > HTML    </B><FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >NOTE: Items in red are changed to match yours</FONT></div> <div> <B>CSB User: Insert > HTML  (same as Trellix Webgem)     CSB User: still use ^GEMDIR in code! </B></div> <bR> <div> <APPLET <B>CODE="Rain" codebase=^GEMDIR</B>  WIDTH="<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >380</FONT>"  HEIGHT="<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >285</FONT>"  ALIGN="BOTTOM"> </div> <div>                <PARAM NAME="gray" VALUE="500"> </div> <div>                <PARAM NAME=<B>"angle"</B> VALUE="1"> </div> <div>                <PARAM NAME="back" VALUE="<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" >rain.jpg</FONT>"> </div> <div> </APPLET> </div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="535" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 230 WIDTH="523"><div> <B>Values you can change to suit your needs:</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">RAIN COLOR is limited to these colors:  </B></div> <div> white</div> <div> lightGray</div> <div> gray</div> <div> darkGray</div> <div> black</div> <div> The color of the rain is important if you want to change the image.</div> <bR> <div> <IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Read the README FILE that is included in the download to change angle of rain, etc.</div> </tD> </tR> </TABLE></div> <bR> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 119 ><NOBR><div> <B>3. Insert the class file into the Webcomponent</B><FONT SIZE="3" COLOR="#663366" FACE="Arial" ><B> </B></FONT><FONT SIZE="3" COLOR="#660099" FACE="Arial" ><B>(Gem files)</B></FONT></div> <div> <B>CSB User:  Files for this component is same as Gem Files!</B></div> <bR> <div> <B>Make sure capitalization is same as you used in the code (step 2)!</B></div> <bR> <div> <B>4. Publish!</B></div> </NOBR></tD> </tR> </TABLE></div> <script type="text/javascript" src="removeline.js"></script> </td> </tr></table></body>