An Easy Tutorial and template for

Using Border Backgrounds

This tutorial assumes you have a basic knowledge of HTML. Use note pad or an editor like the free Arachnophilia to type your HTML code.
1: You will need a spacer (transparent) gif to keep the contents of your page where it belongs - off the border. You can use mine if you don't have one. It's in this space -spacer- Just put your pointer over it - right click and save it just like any other graphic. Put it in the same folder as your other graphics and HTML files.

2: Copy the template (below).

3: Line5 - Change "border.jpg" to the name of your border file.

4: Line 10 - Change 'WIDTH' to the width that makes your background look best -usually between 50 and 150.

5: Line 15. Put the contents of your page here.

6: Don't forget to put in the last 4 lines after you have finished with your page content.

That's it! Please let me know if this page has helped you.
Border Background Template
<HTML>
<HEAD>
<TITLE>Put the title of your page here</TITLE>
</HEAD>
<BODY BACKGROUND="border.jpg" TEXT="#000000" LINK="#000000" VLINK="#000000" ALINK="#000000">
<TABLE WIDTH="100%">
<TR>
<TD VALIGN=top>
<!- Border ->
<IMG SRC="spacer.gif" WIDTH="100" HEIGHT="1">
<!- End Border ->
</TD>
<TD VALIGN=top>
<!- Contents ->
Put the contents of your page here
<!- End Contents ->
</TD></TR>
</TABLE>
</BODY>
</HTML>

bar
(Free Graphics Home Page)
(Backgrounds) (Border Backgrounds) (Border Background Sets) (Banner Sets) (Banners) (Bars) (Buttons)
(Clip Art Index Page)
(Angels 1) (Angels 2) (Children and Animals) (Women and Children) (Alphabet) (Flowers)
(Tips)
(Adding text to buttons-banners) (Saving Instructions)