Original art image by ~ Laurie Snow Hein ~
Code for Colored Scrollbar
This effect is compatible with Internet Explorer versions 5.5 and up. Here is the code to duplicate the colored scrollbar to match this set, it goes between the </title> and </head> tags in your HTML... <STYLE type="text/css"> <!-- BODY { scrollbar-face-color: f8f9fa; scrollbar-highlight-color: ffffff; scrollbar-3dlight-color: ffffff; scrollbar-darkshadow-color: 566e98; scrollbar-shadow-color: 566e98; scrollbar-arrow-color: 566e98; scrollbar-track-color: ebedf0; } --> </STYLE>
Code for Guestbook Map
Here is the code you will need to use the guestbook image, which is "mapped" to link to both your sign URL on the left and your view URL on the right. All you need to change are the URLs to your guestbook for sign and view, and the URL to the graphic itself once it is uploaded to your webshell... <MAP NAME="luckygbmap"> <AREA SHAPE="RECT" COORDS="0,0,146,199" HREF="YOUR SIGN URL HERE"> <AREA SHAPE="RECT" COORDS="148,0,299,199" HREF="YOUR VIEW URL HERE"> </MAP> <center><img src="YOUR URL TO IMAGE HERE/luckygbmap.jpg" width="300" height="200" border="0" usemap="#luckygbmap"></center><br><br>
Code for Bordered Background Sets
This is the code for using a Bordered Background Set. Place this code underneath the </head> tag in your code. <table width="75%" align="right"> <tr> <td> Then comes the code for the rest of your page, and at the end comes </td> </tr> </table> </body> </html>
Code for Triple Border Sets
This is the code for using a Triple Border Set. Just copy and paste this in your webshell code, changing the URLs to locate the images, and the colors of the text, links, etc, to suit your likes. <body text="#YOUR COLOR" bgcolor="#YOUR COLOR" link="#YOUR COLOR" vlink="#YOUR COLOR" alink="#YOUR COLOR" background="BACKGROUND URL AND NAME"> <br> <br> <center><table BORDER WIDTH="90%" BACKGROUND="2ND BACKGROUND URL AND NAME" > <tr> <td> <br> <center><table BORDER WIDTH="90%" BACKGROUND="3RD BACKGROUND URL AND NAME" > <tr> <td> This is where all other page content goes, including code for the banner, bars, buttons, and your text. Then comes.... </td> </tr> </table></center> <br> </td> </tr> </table></center> </body> </html>
Code for Layered Sets
This is the code for using a Layered Set. Just copy and paste this in your webshell code, changing the URLs to locate the images, and the colors of the text, links, etc, to suit your likes. <BODY text="#YOUR COLOR" bgcolor="#YOUR COLOR" link="#YOUR COLOR" vlink="#YOUR COLOR" alink="#YOUR COLOR" background="YOUR URL TO IMAGE/luckyback.jpg"> <p> </p> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="88%" background="YOUR URL TO IMAGE/goldlayeredstripe.jpg"> <tr> <td width="100%"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="98%" background="YOUR URL TO IMAGE/luckylayeredstripe.jpg"> <tr> <td width="100%"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="98%" background="YOUR URL TO IMAGE/goldlayerstripe.jpg"> <tr> <td width="100%"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="98%" background="YOUR URL TO IMAGE/luckytile.jpg"> <tr> <td width="100%"> <div align="center"> <table border="0" cellspacing="1" width="90%" background="YOUR URL TO IMAGE/goldlayerstripe.jpg"> <tr> <td width="100%"> <div align="center"> <table border="0" cellspacing="1" width="100%" background="YOUR URL TO IMAGE/luckyback2.jpg"> <tr> <td width="100%"> <div align="center"> <table border="0" cellspacing="1" width="100%" background="YOUR URL TO IMAGE/goldlayerstripe.jpg"> <tr> <td width="100%"> <div align="center"> <table border="0" cellspacing="1" width="100%" background="YOUR URL TO IMAGE/luckyback2.jpg"> <tr> <td width="100%"> This is where all other page content goes, including code for the banner, bars, buttons, and your text. Then comes.... <p> </td> </tr> </table> </div> </td> </tr> </table> </div> </td> </tr> </table> </div> </td> </tr> </table> </div> <p> </td> </tr> </table> </div> </td> </tr> </table> </div> </td> </tr> </table> </div> </td> </tr> </table> </center> </div> </body> </html>
Portrait Border Set
Triple Border Set
Layered Set
