Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>:BROWSERTITLE:</title>
<link rel="stylesheet" type="text/css" href="rattiesftw.com/templates/new/main.css" />
<style>
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: #996644;
background-image: url('http://rattiesftw.com/templates/new/bg.png');
}
#wrapper {
margin: 0 auto;
width: 722px;
}
#header {
color: #ffffff;
padding: 10px;
width: 98%;
border-bottom: #DEDEDE 2px dotted;
background: #334422;
}
#leftcolumn {
display: inline;
color: #03374A;
margin: 0px 10px 10px 10px;
padding: 10px;
width: 140px;
float: left;
border-right: #DEDEDE 1px dotted;
border-left: #DEDEDE 1px dotted;
border-bottom: #DEDEDE 1px dotted;
background: #99aa66;
}
#rightcolumn {
float: right;
color: #03374A;
margin: 0px 10px 10px 10px;
padding: 10px;
width: 498px;
display: inline;
position: relative;
background: #eeeedd;
border-right: #DEDEDE 1px dotted;
border-left: #DEDEDE 1px dotted;
border-bottom: #DEDEDE 1px dotted;
}
.clear { clear: both; background: none; }
h2 {
border-top: #DEDEDE 1px dotted;
border-bottom: #DEDEDE 1px dotted;
font-size: 16px;
color: #ccdd66;
font-weight: bold;
background: #334422;
text-align:center;
}
ul li
{
border-bottom: #DEDEDE 1px dotted;
border-right: #DEDEDE 1px dotted;
border-left: #DEDEDE 1px dotted;
background: #eeeedd;
padding: 2px;
}
ul
{
list-style-type: none;
}
a:link {
color:#996644;
text-decoration:none;
}
a:visited {
color:#996644;
text-decoration:none;
}
a:hover {
color:#CC831D;
text-decoration:underline;
}
a:active {
color:#996644;
text-decoration:none;
}
</style>
</head>
<body>
<div id="header">:SIDEFEED:
</div>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Left Column -->
<div id="leftcolumn">
<img src="http://rattiesftw.com/templates/new/sidebarimg.png">
<br><br>
<h2>Main Links:</h2>
<ul>
<li>- <a href='forum'>Forum</a></li>
<li>- <a href='playroom.php'>Playroom</a></li>
<li>- <a href='shop.php'>Buy Items and Rats</a></li>
</ul>
<h2>Secondary Links:</h2>
<ul>
<li>- <a href='trade.php'>Trading Center</a></li>
<li>- <a href='pound.php'>Pounded Rats</a></li>
<li>- <a href='search.php'>Search Rats</a></li>
<li>- <a href='profile.php'>Memberlist</a></li>
<li>- <a href='stats.php'>Top/Random</a></li>
</ul>
<h2>Personal Links:</h2>
<ul>
<li>- <a href='myadopts.php'>My Fancy Rats</a></li>
<li>- <a href='breeding.php'>Breeding Center</a></li>
<li>- <a href='inventory.php'>My Inventory</a></li>
<li>- <a href='account.php'>My Account</a></li>
<li>- <a href='messages.php'>Messages</a></li>
<li>- <a href='promo.php'>Redeem Codes</a></li>
</ul>
</div>
<!-- End Left Column -->
<!-- Begin Right Column -->
<div id="rightcolumn">
<img src="http://rattiesftw.com/template/new/contentimg.png"><br><small><a href="/">home</a> >> :ARTICLETITLE:<br>
:ARTICLECONTENT:
<div class="clear"></div>
</div>
<!-- End Right Column -->
</div>
<!-- End Wrapper -->
</body>
</html>
Ignore my slightly messy coding, but I would love it a bunch if you could help me shift this to the new format, thank you!