I have always loved the triple border effects, but to be honest with you, I always thought they were so complicated to do. This is an example of my looking at a code, seeing Greek, and assuming I couldn't do it. Then one day I decided it just couldn't be that complicated and I sat down and looked at it again. It turns out that its not complicated at all.
The basic concept is this: You have a background with a table slightly smaller in width on top of the background, and then another table slightly smaller than the first on on top of that. Lets look at the code.
Substitute your color codes each place you see #COLOR and substitute your background tile names in place of the "YOURBG.JPG" for all three layers.
Insert the following code right after the </head> tag
<BODY BACKGROUND="YOURBG.JPG" BGCOLOR=#COLOR TEXT=#COLOR LINK=#COLOR VLINK=#COLOR ALINK=#COLOR>
<TR>
<TD>
<CENTER><TABLE BGCOLOR="#COLOR" BORDER=2 WIDTH="700" CELLPADDING="3" CELLSPACING="3" BORDERCOLOR=#COLOR BACKGROUND="YOURBG.JPG" width="100" height="100" alt="">
<TR>
<TD>
<CENTER>
<P><BR>
<BR>
<BR>
</P>
</CENTER>
<CENTER><TABLE BGCOLOR="#COLOR" BORDER=2 WIDTH="600" CELLPADDING="9" CELLSPACING="3" BORDERCOLOR="#COLOR" BACKGROUND="YOURBG.JPG" width="100" height="100" alt="">
<TR>
<TD>
<P>
<BR>
<--------The body of your page will go here-------->
Make sure to include the following tags to close your tables and your document.
</P>
</div>
</font></strong>
</TD>
</TR>
</TABLE>
<BR>
<BR>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Of course, you can adjust all the other text and border colors also. You can also adjust the percentage widths of the tables and cellpadding until you get the look you want. The percentages and cellpadding shown are the ones I've used for this page.
Have fun creating your own triple border pages!
Triple Border Graphics | Left Border | Site Index
