Original art image by Alan Grant
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: fef7ee; scrollbar-highlight-color: fefaf5; scrollbar-3dlight-color: fff5ee; scrollbar-darkshadow-color: 503a4e; scrollbar-shadow-color: 795975; scrollbar-arrow-color: baa1b7; scrollbar-track-color: f7ecdb; } --> </STYLE>
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/momentback.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/momentlayeredstripe.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/momenttile.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/momentback2.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/momentback2.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
