Well, now i made a code for You, which i hope more or less folows what you imagined.
Is it to show some basic principles, but
REMEMBER:It is very important to know what tag is for what and where is his right place,
so You should read a bit the FAQ and Manuals about HTML...Like when You like to write, You shoul know the alphabet...
You re welcome...
This guys here, most Darin, Pandy, Frederiek and Christian helped me much more than I do for You, and really, you should trust their advices
here is Your code, hope it will work:
CODE
<!-- See, this is a notes... all notesses will be inprisoned in this funny flashes... if something is written in this flashes, it is not working in the browser except when it is inbetween script tags... it is not shown... you can read it when you see the code, but for the rest it is like it even dont exist -->
<!-- here the code begins -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- here the javascript begins -->
<script type="text/javascript" src="/i.js"></script>
<script language="JavaScript">
<!--
var scheme = getCookie('template1');
if (scheme == 'Dark style') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://h1.ripway.com/moshkin/Folder%20Name/darkskin.css">');
} else if (scheme == 'Grey') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://h1.ripway.com/moshkin/Folder%20Name/Grey.css">');
} else if (scheme == 'Default') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://h1.ripway.com/moshkin/Folder%20Name/Default.css">');
} else if (scheme == 'Red') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://h1.ripway.com/moshkin/Folder%20Name/redv.css">');
}
function changeskin(change) {
var scheme = change;
var name = 'template1';
var pathname = location.pathname;
var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var ExpDate = new Date ();
ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
setCookie(name,scheme,ExpDate,myDomain);
}
function getCookie(name){
var cname = name + "=";
var dc = document.cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}
function setCookie(name, value, expires, path, domain, secure) {
document.cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}
-->
</script>
<!-- here the javascript ends -->
<title>The British Legion</title>
</head>
<!-- here the visible part of your page begins -->
<body bgcolor="#454545">
<!-- as you wants to have the whole page centered, we put a CENTER NUMBER 1 -->
<center>
<!-- Here TABLE NUMBER 0 begins -->
<TABLE BORDER="0" CELLPADDING="3">
<tr><!-- this is the first line of TABLE NUMBER 0 -->
<!-- here begins the left and in fact the only cell of first line of TABLE NUMBER 0 in which the whole thing will be -->
<td valign="top" align="center">
<!-- here, we put your clan banner and the welcome text -->
<img src="http://img236.imageshack.us/img236/8832/untitled1ty5.gif" alt="" border="0" />
<br> welcome to TBL blah blah blah etc etc etc...
<br><br>
<!-- here the TABLE NUMBER 1 begins -->
<TABLE BORDER="0" CELLPADDING="3">
<tr><!-- this is the first line of TABLE NUMBER 1 -->
<!-- here begins the left cell of first line of TABLE NUMBER 1 in which the sidebar will be -->
<td valign="top" align="center">
<!-- here the TABLE OF SIDEBAR BEGINS -->
<TABLE BORDER="1" CELLPADDING="1">
<tr>
<td><font face="Monotype Corsiva, Verdana" size="4" color="#00FF00">Community</font>
</td>
</tr>
<tr>
<td><font face="Monotype Corsiva, Verdana" size="4" color="#00FF00">Community</font>
</td>
</tr>
<tr>
<td><font face="Monotype Corsiva, Verdana" size="4" color="#00FF00">Community</font>
</td>
</tr>
<tr>
<td><font face="Monotype Corsiva, Verdana" size="4" color="#00FF00">Community</font>
</td>
</tr>
<tr>
<td><font face="Monotype Corsiva, Verdana" size="4" color="#00FF00">Community</font>
</td>
</tr>
<tr>
<tr>
<td><font face="Monotype Corsiva, Verdana" size="4" color="#00FF00">Community</font>
</td>
</tr>
</table><!-- This is the end of TABLE OF SIDEBAR -->
</td><!-- This is the end of left cell of first line of TABLE NUMBER 1 -->
<!-- Here the right cell of first line of TABLE NUMBER 1 begins. In this cell will be the content of the page -->
<td valign="top" align="center">
<!-- At the very top here is the skin changer -->
<select onChange="changeskin(this.options[this.selectedIndex].value); window.location.reload();">
<option>Change Skin
<option value="Dark style"> Dark style
<option value="Grey"> Grey
<option value="Default"> Default
<option value="Red"> Red
</select>
</form>
<br><br>
<!-- and for the content we can make as next table, the CONTENT TABLE -->
<!-- CONTENT TABLE begins -->
<TABLE BORDER="1" CELLPADDING="1">
<tr><!-- CONTENT TABLE first line begins -->
<td td valign="top" align="center"><!-- first line left, but in fact the only one cell begins -->
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
~~~~~~~~~~~~~~~~~~~Box to make a announce ment~~~~~~~~~~~~~~~~~~~~~~~~
here you can announce selling old cars, sick dogs or broken teeths,<br>
anything you want
<br><br>
</td><!-- first line of the CONTENT TABLE left, but in fact the only one cell ends -->
</tr><!-- CONTENT TABLE first line ends -->
</table><!-- CONTENT TABLE ends -->
</td><!-- here the right cell of first line of TABLE NUMBER 1 ends -->
</tr><!-- here the first line of TABLE NUMBER 1 ends -->
</table><!-- here the TABLE NUMBER 1 ENDS -->
</td><!-- here the left and in fact the only cell of first line of TABLE NUMBER 0 ends -->
</tr><!-- here the first line of TABLE NUMBER 0 ends -->
</table><!-- here the TABLE NUMBER 0 ENDS -->
</body>
</html>