LOGO BRANDING

<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="697" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 35 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><A HREF="id114.htm" TARGET="_top" TITLE="Random Image"><IMG SRC="4b1070e0.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="id126.htm" TARGET="_top" TITLE="Animated Image"><IMG SRC="4b3070e0.png" border=0 width="7" height="14" ALT="next" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A> <FONT SIZE="1" COLOR="#CCCC99" FACE="Arial" >   </FONT></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <STYLE type=text/css>#rollbutton a { color: #C0DCC0; font-size:13px; font-weight: bold; text-decoration: none; border:2px outset light gray; background-color:#680098; display: block; width: 85px; height: 22px; padding: 0px;}#rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset light gray;}</STYLE><DIV id=rollbutton><DIV><A href="http://www.samisite.com" title="Go Back to Home Page" target="_top" onfocus="this.blur()"><center>HOME</center></A> </DIV></DIV></div> </NOBR></tD> </tR> </TABLE></div> <bR> <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><A HREF="id109.htm" TARGET="_top" TITLE="Other applets">Other applets</A><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><B>LOGO BRANDING</B><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>Logo Branding</B></div> <bR> <div> Want your logo to float on the page no matter if you visitor has to scroll all the way down the page you want the logo to appear?  This is the code for you!  </div> <bR> <div> Check out the dragonfly that stays in the right bottom corner as you scroll down the page.  Mouseover it and a message appears in the status bar of the window (bottom left).If you click it, you will be taken to my home page.</div> <div>  <SCRIPT LANGUAGE="JavaScript">      </SCRIPT>   <BODY onload="setVariables(); checkLocation();"> <div id="branding" style="position:absolute; visibility:show; left:255px; top:-50px; z-index:2"> <table width=10 bgcolor=#ffffff><td> <a href="http://www.samisite.com/webbuild.htm" target="_top" onmouseover="window.status='Thanks for visiting!';return true" onmouseout="window.status='';return true"><center><img src="HTMLobj-1305/samslogotiny22x22dkbutton.gif" width="22" height="22" border="0"></center></a></font></td> </table> </div>  </div> <bR> <div> The original code can be found on <A HREF="http://javascript.internet.com" TARGET="_blank" TITLE="http://javascript.internet.com">The JavaScript Source</A> and called for <B>3 separate scripts</B>, one in the head, one in the body, then yet another code placed in your webpage in the body.   </div> <bR> <bR> <bR> <div> <B>THE CODE BELOW IS MODIFIED FOR USE IN CSB:  </B></div> <div> <B>We combine to 2 codes and modify the second.</B><FONT SIZE="3" COLOR="#FFFFFF" FACE="Arial" > <style> .highlighttext{ background-color:yellow; font-weight:bold; color: #6600CC; } </style> <script language="Javascript">  </script>  </FONT></div> <bR> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="716" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 1131 ><NOBR><div> <B><IMG SRC="51c14140.gif" border=0 width="20" height="20" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> To capture the code, press Select All then COPY the contents.  </B></div> <div> <B>Place code into an insert > HTML (webgem in Trellix)</B></div> <div> <B> <form name="code1"> <a class="highlighttext" href="javascript:HighlightAll('code1.select1')">Select All</a><br> <textarea name="select1" rows=10 cols=65 > <SCRIPT LANGUAGE="JavaScript">      </SCRIPT> </textarea> </form>  </B></div> <div> <B>I have made notes in code below and it will effect functionality!</B></div> <div> <B>Use the Select All choice above!</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" >  </FONT></div> <bR> <div> Change <FONT SIZE="3" COLOR="#3300FF" FACE="Arial" ><B>blue</B></FONT> items to match your image</div> <bR> <div> <SCRIPT LANGUAGE="JavaScript"></div> <div> </div> <div> </div> <bR> <div> </div> <div> </div> <bR> <div> </div> <div> </SCRIPT></div> <bR> <bR> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 471 WIDTH="704"><div> <B><IMG SRC="51e14140.gif" border=0 width="20" height="20" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> To capture the code, press Select All then COPY the contents.  </B></div> <div> <B>Place code into an insert > HTML (webgem in Trellix)</B></div> <div> <B>MUST change each gEMDIR to GEMDIR before using code!</B></div> <div> <B> <form name="code2"> <a class="highlighttext" href="javascript:HighlightAll('code2.select1')">Select All</a><br> <textarea name="select1" rows=10 cols=65 > <BODY onload="setVariables(); checkLocation();"> <div id="branding" style="position:absolute; visibility:show; left:255px; top:-50px; z-index:2"> <table width=10 bgcolor=#ffffff><td> <a href="http://www.samisite.com/webbuild.htm" target="_top" onmouseover="window.status='Thanks for visiting!';return true" onmouseout="window.status='';return true"><center><img src="^gEMDIR/samslogotiny22x22dkbutton.gif" width="22" height="22" border="0"></center></a></font></td> </table> </div> </textarea> </form>  </B></div> <div> <B>I have made notes in code below and it will effect functionality!</B></div> <div> <B>Use the Select All choice above!</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" >  </FONT></div> <bR> <bR> <div> Change items in <FONT SIZE="3" COLOR="#CC0000" FACE="Arial" ><B>red</B></FONT> to match your statement in the status bar (lower left corner of window)</div> <div> Change <FONT SIZE="3" COLOR="#663300" FACE="Arial" ><B>brown</B></FONT><B> </B>item to the link address...click logo and go to this page!</div> <div> Change <FONT SIZE="3" COLOR="#3300FF" FACE="Arial" ><B>blue</B></FONT> items to match your image name and size</div> <div> Change speed, if needed.</div> <bR> <div> <BODY onload="setVariables(); checkLocation();"></div> <bR> <div> <div id="branding" style="position:absolute; visibility:show; left:255px; top:-50px; z-index:2"></div> <div> <table width=10 bgcolor=#ffffff><td></div> <div> <a href="<FONT SIZE="3" COLOR="#663300" FACE="Arial" ><B>http://www.samisite.com/webbuild.htm</B></FONT>" onmouseover="window.status='<FONT SIZE="3" COLOR="#CC0000" FACE="Arial" ><B>Thanks for visiting!</B></FONT>';return true"  target="_top" onmouseout="window.status='';return true"><center><img src="<B>^GEMDIR/</B><FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>samslogotiny22x22dkbutton.gif</B></FONT>" width="<FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>22</B></FONT>" height="<FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>22</B></FONT>" border="0"></center></a></font></td></div> <div> </table></div></div> </tD> </tR> </TABLE></div> <bR> </td> </tr></table></body>