|
Copyright ©  WGB Creations All Rights Reserved.
Do not duplicate, translate, archive, appropriate or redistribute this document.
Translate from english to any Language here:
TRANSLATION
To learn how to make this background see
Got Graphics
Check out the backgrounds while you are there
She has some great stuff!
To Make just the Middle Graphic get the code here:
Nested Designer Table
This Type of background takes 3 tables.
You need 2 plain background Graphics and a Curved design
or what ever kind of design you want. The main image will
be flipped and saved as two different graphics.
The background in the Body tag is the background
you want to flow through the page. The other tile background
goes in the tables tags that matches the other side of
your main graphic.
Starting with the Body tag:
<BODY BACKGROUND="YOUR PLAIN BACKGROUND HERE"
TOPMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" LEFTMARGIN="0"
BGCOLOR="#BACKGROUND COLOR" TEXT="#TEXT COLOR"
LINK="#LINK COLOR" VLINK="#V LINK COLOR"
ALINK="A LINK COLOR">
If you want any text above this graphic it needs to go in here
<-----------THIS IS THE FIRST TABLE------------>
<CENTER>
<TABLE BORDER="0" WIDTH="WIDTH OF IMAGE" CELLSPACING="0" CELLPADDING="0" BACKGROUND="PLAIN BACKGROUND HERE">
<TR>
<TD WIDTH="100%" VALIGN="bottom" ALIGN="center">
<IMG SRC="TOP BACKGROUND IMAGE HERE" WIDTH="OF IMAGE" HEIGHT="OF IMAGE" ALT="TOP BACKGROUND">
</TD>
</TR>
</TABLE>
</CENTER>
<----------END OF FIRST TABLE----------->
Put any logo you want here.
<----------SECOND TABLE----------------->
This will be the main contents of your page.
<CENTER>
<TABLE BORDER="0" WIDTH="IMAGE WIDTH" CELLSPACING="0" CELLPADDING="0" BACKGROUND="PLAIN BACKGROUND HERE">
<TR>
<TD WIDTH="100%">
<IMG SRC="YOUR IMAGE HERE" WIDTH="IMAGE WIDTH" HEIGHT="IMAGE HEIGHT" ALT="Middle Background">
</TD>
</TR>
<TR>
<TD WIDTH="100%">
<----------ALL PAGE CONTENT HERE---------->
</TD>
</TR>
</TABLE>
<TR>
<TD WIDTH="100%">
<IMG SRC="YOUR IMAGE HERE" WIDTH="IMAGE WIDTH" HEIGHT="IMAGE HEIGHT" ALT="Bottom Middle">
</TD>
</TR>
</TABLE>
</CENTER>
<----------END SECOND TABLE----------------->
Put any content you want here.
<----------BEGIN THIRD TABLE----------------->
<CENTER>
<TABLE BORDER="0" WIDTH="IMAGE WIDTH" CELLSPACING="0" CELLPADDING="0" BACKGROUND="PLAIN BACKGROUND HERE">
<TR>
<TD WIDTH="100%">
<IMG SRC="YOUR IMAGE HERE" WIDTH="IMAGE WIDTH" HEIGHT="IMAGE HEIGHT" ALT="Bottom Back">
Any content here
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</CENTER>
<----------END THIRD TABLE----------------->
</BODY>
</HTML>
Make sure in the tables where it asks for Image
Width and Height you put in your exact image width
and height. Can adjust the percent in that table if need be.
EMail me if you have any problems with the code.
|
