<![CDATA[
<script language="JavaScript">
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3) version = "n3";
else version = "n2";
if (version == "n3") {
but1on = new Image();
but1on.src = "bgbut2.gif";
but2on = new Image();
but2on.src = "bubut2.gif";
but3on = new Image();
but3on.src = "barbut2.gif";
but4on = new Image();
but4on.src = "iconbut2.gif";
but5on = new Image();
but5on.src = "homebut2.gif";
but1off = new Image();
but1off.src = "bgbut.gif";
but2off = new Image();
but2off.src = "bubut.gif";
but3off = new Image();
but3off.src = "barbut.gif";
but4off = new Image();
but4off.src = "iconbut.gif";
but5off = new Image();
but5off.src = "homebut.gif";
}
function img_act(imgName) {
if (version == "n3") {
imgOn = eval(imgName + "on.src");
document [imgName].src = imgOn;
}
}
function img_inact(imgName) {
if (version == "n3") {
imgOff = eval(imgName + "off.src");
document [imgName].src = imgOff;
}
}
</script>
</head>
<body bgcolor="white" background="ghbg.jpg">
<table>
<tr>
<td width=150 valign=top>
<A HREF = "bgindex.html"
onMouseover = "img_act('but1')"
onMouseout = "img_inact('but1')">
<IMG BORDER = 0 NAME = "but1"
SRC = "bgbut.gif" ALT = "Backgrounds"></A>
<A HREF = "buttons.html"
onMouseover = "img_act('but2')"
onMouseout = "img_inact('but2')">
<IMG BORDER = 0 NAME = "but2"
SRC = "bubut.gif" ALT = "Buttons"></A>
<A HREF = "bars.html"
onMouseover = "img_act('but3')"
onMouseout = "img_inact('but3')">
<IMG BORDER = 0 NAME = "but3"
SRC = "barbut.gif" ALT = "Bars"></A>
<A HREF = "icons.html"
onMouseover = "img_act('but4')"
onMouseout = "img_inact('but4')">
<IMG BORDER = 0 NAME = "but4"
SRC = "iconbut.gif" ALT = "Icons"></A>
<A HREF = "index.html"
onMouseover = "img_act('but5')"
onMouseout = "img_inact('but5')">
<IMG BORDER = 0 NAME = "but5"
SRC = "homebut.gif" ALT = "Home"></A>
<br><br>
<img src="ghbutton.gif" border=0>
<a href="http://www.oocities.org"><img src="geocities.gif" border=0 alt="Geocities"></a>
</td>
<td valign=top width=500>
<center>
<img src="bgsttl.gif">
<br>
<br>
<img src="ghbar.jpg">
</center>
<br>
<br>
Ok, Here's how it works...you will notice that on the frame to the left is a
border background. Because I create mostly border backgrounds, I've used this
frame structure to present my work to you with the ease of clicking on the image
and having the background appeat in the left frame so you can view what it would
look like as a border, and no need for back buttons...imagine that!!!
<br>
<br>
Shall we begin???
<font color="red"><b>
<br>
<br>
<ul>
<li>
User Instructions: <br>
<br>
Backgrounds are devided into Jpegs and Gifs just for you!!!
To view simply click on the background image and voila...
To return to the original background, click on the arrow at the bottom
(Frames capable only) The rest, save the background or view the image through
your browser.
</li>
<br>
<br>
<li>
Saving Instructions: <br>
<br>
Rightclick on your mouse while over the image
Choose option save-as
Save your image and then upload it
DO NOT LINK IMAGES!
</li>
<br>
<br>
<li>
Adding Background Instructions: <br>
<br>
By Using frames, you can encorporate a nice page. Level of difficulty:
****
Tables work well also. Level of difficulty:
**
Here's how you use tables:
<center>
<table><br>
<tr><br>
<td width=150 valign=top><br>
Menu...<br>
</td><br>
<td width=500 valign=top><br>
Body...<br>
</td><br>
</tr><br>
</table><br>
Keep in mind that screen size can be a factor in output...
</li>
</ul>
</b>
</font>
<br>
<br>
<table border=1>
<tr>
<td>
<img src="chem.jpg" height=40 width=300 border=0>
</td>
</tr>
<tr>
<td>
<img src="diamond.jpg" height=40 width=300 border=0>
</td>
</tr>
<tr>
<td>
<img src="navystar.jpg" height=40 width=300 border=0>
</td>
</tr>
<tr>
<td>
<img src="redbath.jpg" height=40 width=300 border=0>
</td>
</tr>
<tr>
<td>
<img src="bathtub.gif" height=40 width=300 border=0>
</td>
</tr>
<tr>
<td>
<img src="blacksquig.gif" height=40 width=300 border=0>
</td>
</tr>
<tr>
<td>
<img src="david.gif" height=40 width=300 border=0>
</td>
</tr>
<tr>
<td>
<img src="nativegift.gif" height=40 width=300 border=0>
</td>
</tr>
<tr>
<td>
<img src="satin.gif" height=40 width=300 border=0>
</td>
</tr>
</table>
<br>
<img src="ghbar.jpg">
<br>
<br>
<a href="mailto:sapphron@hotmail.com"><img src="email.gif" alt="email" border=0></a>
</center>
</td>
</tr>
</table>
</body>
]]>