|
The HTML
code for including a background image on your pages is that in
the <BODY> code you simply
add the name of your background image:
<BODY
BGCOLOR="#000000" TEXT=#cccc00" LINK="#ff33ff"
ALINK="#ff0099" VLINK="#00cc00" BACKGROUND="background.gif">
Use suitable
colors for your background, text, and links; not necessarily
the ones I have shown in this code.
It is best
to set your page background color to one that matches your background
image.
Bordered
backgrounds can be tricky in that you do not want your text to
run over the border on the left. The placement of the text can
be controlled with a 2-celled table. An invisible gif to maintain
the width of the left-hand table is needed. There is one in the
box below. Right-click on it to save it.
The table
width can be left alone. This way, when people view it at a resolution
of 640x480, 800x600, 1024x768 or higher, it will spread to fill
the page. So... start off with, right after your <body>
tag: <table>
Now you
need to set up your cells... but do it by pixel, not percentage!
Start with 120 pixels wide but you can play with that figure.
Add the following code:
<tr><td
valign=left align=top><img src="spacer.gif" height=1
width=120></td>
What this
does, in essence, is assign a width of 120 pixels to the first
cell. This effectively keeps text from overflowing into the border.
Then, add the following:
<td
valign=left align=top width=100%>
You're
now ready to add the content to your page.
Don't forget
to close out your table tags. Netscape is picky about that. At
the end of your page, prior to closing out your </body>
tag, insert </td></tr></table>.
Now, if
you want to put links in the border, all you have to do is insert
them above the spacer gif. Make sure the buttons are the same
or less than the width of your spacer.gif.
~ Information
about Tiled Backgrounds
~
I borrowed
the background image on this page from Tangled
Web, a site which also has several good tutorials.
These table
instructions for bordered backgrounds are from Twilight
Design.
At the
bottom of the page are examples of the graphics which are included
with this set from Tangled Web. I have not linked the buttons
to anything. Please visit Tangled
Web if you would like the complete set.
Here are
a few sources for backgrounds. Most belong to The Graphics Webring,
so you can follow the webring links for even more images. Be
sure to credit the source of any graphics you use, and be sure
to copy the graphic and put it at your site. It's not nice to
link to offsite graphics.
Celtic
Katra's Tartan Backgrounds
Enchanted Backgrounds
Graphic
Designs by BlakidSuzn
Roxanne's
Grafix Gallery
Sewdoll
Graphics
Tangled
Web
A Touch
of Magick
Twilight
Design |
