I got bored and wanted to do something new! So, I have created my first web template. Here is the link to it: http://www.geocities.com/templatetesting1/temporarypreviewfile.html?1130205550546 ignore the adds and stuff, but when you do set it up on a site, you need to make the template centered. I'm new to this kinda of stuff so please don't criticise me to much (hint hint, conan!! )
So, what do you think?
Heres the html code for it:
BTW: I did this all with the help of a freeware program called The Gimp.
So, what do you think?
Heres the html code for it:
HTML:
<html>
<head>
<title>Player 11 -- TemplateTesting1</title>
</head>
<body bgcolor="#000111" link="#0000FF" vlink="#FF0000" text="#000832"
onLoad="window.onresize=new Function('if (navigator.appVersion==\'Netscape\') history.go(0); else center();'); center();">
<script>
function center() {
if (navigator.appVersion.indexOf('MSIE') != -1)
document.all['root'].style.left = Math.max((document.body.clientWidth - 728) / 2, 0);
else
document.PageElement.LAYERS['root'].left = Math.max((window.innerWidth - 728) / 2, 0);
}
</script>
<div id="root" style="position:absolute;top:0;left:0;width:748px;height:560px">
<script>center();</script>
<div style="position:absolute;left:8;top:8;width:728;height:90;">
<table width=728 height=90 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><img height=90 width=728 src="http://www.geocities.com/templatetesting1/TT_Header.gif" border=0 ></td>
</tr></table></div>
<div style="position:absolute;left:28;top:344;width:88;height:35;">
<table width=88 height=35 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><img height=35 width=88 src="http://www.geocities.com/templatetesting1/omega-sticker.gif" border=0 ></td>
</tr></table></div>
<div style="position:absolute;left:8;top:98;width:728;height:450;">
<table width=728 height=450 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><img height=450 width=728 src="http://www.geocities.com/templatetesting1/TT_Body.gif" border=0 ></td>
</tr></table></div>
<div style="position:absolute;left:28;top:386;width:88;height:35;">
<table width=88 height=35 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><a href="http://world-editor-tutorials.thehelper.net/"><img height=35 width=88 src="http://www.geocities.com/templatetesting1/WET.gif" border=0 ></a></td>
</tr></table></div>
<div style="position:absolute;left:160;top:137;width:554;height:344;">
<table width=554 height=344 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><span style="font-size:14"> Welcome to my first web template! Please excuse the fact that the links are not working (affiliates are), they are just there for show. <br> If you wish to edit this template please go to veiw>>source and copy the html code to your website (after deleting what it says to). If you use this template please leave the credit in place (bottom left corner). To edit the header you will need to open a new image file with dimensions of 728x90 and recreate the header. Here is how to do so (with The Gimp program found at www.gimp.com): First select the gradient Deep Sea and fill the image with that gradient to match the one above as close as posible. Then go to the Script-Fu>>Render>>Line Nova and set the seed to 2 and size to 2 and roughness to 5 and hit ok. Once that is finished go to Script-Fu>>Render>>Lava and set gradient to Deep Sea and hit ok. Then go to Filters>>Free Type and type the title of the web site and before clicking ok set the foreground color to this Hex Code: 000832 and then hit ok. Then go back to Script-Fu>>Render>>Lava and set gradient to Deep Sea and hit ok. Then go to Script-Fu>>Animation>>Blend and hit ok. And save as a GIF file with 100 millisecond intervals. To add affiliates, links to the menu, and text to the body just create text boxes and type away or add pictures with links to them.<br> Thank-You,<br> Player 11<br></span></td>
</tr></table></div>
<div style="position:absolute;left:28;top:344;width:88;height:35;">
<table width=88 height=35 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td><a href="http://www.omega-mods.com/"><img height=35 width=88 src="http://www.geocities.com/templatetesting1/omega-sticker.gif" border=0 ></a></td>
</tr></table></div>
<div style="position:absolute;left:22;top:142;width:100;height:22;">
<table width=100 height=22 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td valign="middle" align="center"><span style="font-size:14">Home</span></td>
</tr></table></div>
<div style="position:absolute;left:22;top:169;width:100;height:22;">
<table width=100 height=22 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td valign="middle" align="center"><span style="font-size:14">Forums</span></td>
</tr></table></div>
<div style="position:absolute;left:21;top:198;width:100;height:22;">
<table width=100 height=22 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td valign="middle" align="center"><span style="font-size:14">Downloads</span></td>
</tr></table></div>
<div style="position:absolute;left:21;top:226;width:101;height:22;">
<table width=101 height=22 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td valign="middle" align="center"><span style="font-size:14">Links</span></td>
</tr></table></div>
<div style="position:absolute;left:21;top:255;width:101;height:22;">
<table width=101 height=22 border=0 cellpadding=0 cellspacing=0><tr valign="top">
<td valign="middle" align="center"><span style="font-size:14">Contact</span></td>
</tr></table></div>
</div>
</body>
</html>
BTW: I did this all with the help of a freeware program called The Gimp.