here's the codes....

<HTML>
<HEAD>
<TITLE>Taz--YourTitle Here</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (Untitled-2.psd) -->
<TABLE WIDTH=1024 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="http://i71.photobucket.com/albums/i1...tazclan_01.gif" WIDTH=1024 HEIGHT=240 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="http://i71.photobucket.com/albums/i1...tazclan_02.gif" WIDTH=1024 HEIGHT=52 BORDER=0 ALT="" USEMAP="#tazclan_02_Map"></TD>
</TR>
<TR>
<TD>
<IMG SRC="http://i71.photobucket.com/albums/i1...tazclan_03.gif" WIDTH=1024 HEIGHT=232 BORDER=0 ALT="" USEMAP="#tazclan_03_Map"></TD>
</TR>
<TR>
<TD>
<IMG SRC="http://i71.photobucket.com/albums/i1...tazclan_04.gif" WIDTH=1024 HEIGHT=244 ALT=""></TD>
</TR>
</TABLE>
<MAP NAME="tazclan_02_Map">
<AREA SHAPE="rect" ALT="" COORDS="382,31,468,52" HREF="http://friendster.com" TARGET="_self">
</MAP>
<MAP NAME="tazclan_03_Map">
<AREA SHAPE="rect" ALT="" COORDS="382,0,468,2" HREF="http://friendster.com" TARGET="_self">
</MAP>
<!-- End ImageReady Slices -->
</BODY>
<style type="text/css">
#b-navbar {height:0px; visibility:hidden; display:none}
body
{
background: #000000;
color: #774440;
font-family: georgia;
font-size: 11px;
line-height: 14px;
}
a:link {color: #774440;}
a:visited {color: #774440;}
a:active {color: #774440;}
a:hover {height: 8px; color: #774440; text-decoration: line-through;}
.date{
color: #774440;
border-bottom: 1px solid #fff;
padding: 1px;
text-align:right;
font-size: 10px;
}
.title{
color: #774440;
text-align: left;
font-family: arial black;
font-size: 16px;
padding-top: 5px;
padding-bottom: 5px;
}
.footer{
color: #106181;
text-align: right;
font-size: 9px;
padding-bottom: 10px;}
.head{
color: #774440;
border-bottom: 1px solid #fff;
font-size: 12px;
padding: 1px;
font-weight: bold;
}
</style>
<!-- Position of the box-->
<div style="position: absolute; top: 0px; left: 0px;">
</div>
<div id="box" style="position:absolute;
background: transparent;
scrollbar-face-color:#333;
scrollbar-arrow-color:#774440;
scrollbar-shadow-color:#774440;
scrollbar-highlight-color:#774440;
scrollbar-3dlight-color: #774440;
scrollbar-darkshadow-color: #774440;
scrollbar-track-color: #774440;
width: 270px;
height: 200px;
left: 685px;
top: 320px;
overflow: auto;
text-align: right;
padding-right:5px;">
<center>
Greetings here
</center></div>
<!-- End position-->
<!-- BEGIN Editing-->
<div style="position: absolute;top: 350px; left: 565px; color:#774440; font-family: georgia; font-size: 12px text-align: right;">
<span style="cursor: pointer; text-decoration: underlined;" onClick="document.getElementById('box').innerHTML=document.getElementById('aboutme').innerHTML">About Me</div>
</span>
<div style="position: absolute;top: 365px; left: 565px; color:#774440; font-family: georgia; font-size: 12px; text-align: right;">
<span style="cursor: pointer; text-decoration: underlined;" onClick="document.getElementById('box').innerHTML=document.getElementById('pictures').innerHTML">
Pictures
</div></span>
<div style="position: absolute;top: 380px; left: 565px; color: #774440; font-family: georgia; font-size: 12px; text-align: right;">
<span style="cursor: pointer; text-decoration: underlined;" onClick="document.getElementById('box').innerHTML=document.getElementById('chatbox').innerHTML">
Chatbox
</div></span>
<div style="position: absolute;top: 395px; left: 569px; color: #774440; font-family: georgia; font-size: 12px; text-align: right;">
<span style="cursor: pointer; text-decoration: underlined;" onClick="document.getElementById('box').innerHTML=document.getElementById('news').innerHTML">
News
</div></span>
<div style="position: absolute;top: 410px; left: 555px; color: #774440; font-family: georgia; font-size: 12px; text-align: right;">
<span style="cursor: pointer; text-decoration: underlined;" onClick="document.getElementById('box').innerHTML=document.getElementById('testimonials').innerHTML">
Testimonials
</div></span>
<div style="position: absolute;top: 425px; left: 565px; color: #774440; font-family: georgia; font-size: 12px; text-align: right;">
<span style="cursor: pointer; text-decoration: underlined;" onClick="document.getElementById('box').innerHTML=document.getElementById('credits').innerHTML">
Credits
</div></span>
<div style="position: absolute;top: 440px; left: 569px; color: #774440; font-family: georgia; font-size: 12px; text-align: right;">
<span style="cursor: pointer; text-decoration: underlined;" onClick="document.getElementById('box').innerHTML=document.getElementById('links').innerHTML">
Links
</div></span>
<!-- END EDITING -->
<!-- Content box-->
<div style="display:none"; id="aboutme";>
<div class="head">About Me</div>
About Me,About me,About me,About me<br>
,About me,About me,About me,About me<br>
,About me,About me,About me,About me<br>
,About me,About me,About me,About me<br>
,About me,About me,About me,About me<br>
,About me,About me,About me,About me<br>
,About me,About me,About me,About me<br>
,About me,About me,About me,About me<br></div>
<div style="display:none"; id="pictures";>
<div class="head">Pictures</div>
<a href="http://www.123icons.com" target="_blank"><img src="http://www.123icons.com/freeicons/65.gif" border="0" alt="Myspace Icons"></a>
<a href="http://www.123icons.com" target="_blank"><img src="http://www.123icons.com/freeicons/7080.gif" border="0" alt="Myspace Icons"></a><br>
<a href="http://www.123icons.com" target="_blank"><img src="http://www.123icons.com/freeicons/3733.gif" border="0" alt="Myspace Icons"></a>
<a href="http://www.123icons.com" target="_blank"><img src="http://www.123icons.com/freeicons/3569.gif" border="0" alt="Myspace Icons"></a><br>
<a href="http://www.123icons.com" target="_blank"><img src="http://www.123icons.com/freeicons/3565.gif" border="0" alt="Myspace Icons"></a>
<a href="http://www.123icons.com" target="_blank"><img src="http://www.123icons.com/freeicons/6976.gif" border="0" alt="Myspace Icons"></a></div>
<div style="display:none"; id="chatbox";>
<div class="head">Chatbox</div>
<!-- BEGIN CBOX - http://www.cbox.ws -->
<br><table border="0" cellpadding="0" cellspacing="0" summary="cbox tagboard" align="center">
<tr><td align="center">
<iframe frameborder="0" width="160" height="120" src="http://www2.cbox.ws/box/?boxid=13798...7&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: #FFFFFF 1px solid;" id="cboxmain"></iframe>
</td></tr><tr><td align="center">
<iframe frameborder="0" width="160" height="75" src="http://www2.cbox.ws/box/?boxid=13798...7&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: #FFFFFF 1px solid; border-top: 0px;" id="cboxform"></iframe>
</td></tr>
</table>
<!-- END CBOX --></div></div>
<div style="display:none"; id="news";>
<div class="head">News</div>
If you want. But if not, just delete this.
<div class="head">Other</div>
You can put another section here just by adding "(div class="head")
</div>
<div style="display:none"; id="testimonials";>
<div class="head">Testimonials</div>
<div id=AUT></div>
<STYLE TYPE="text/css">
#AUT IMG
{
height: 0px!Important;
width: 0px!Important;
}
#AUT IMG
{
BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px;
FILTER: alpha(opacity=100); PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT:
0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; opacity: 100;
}
</style>
<script language=javascript>
setTimeout("document.getElementById('AUT').innerHTML=unescape(AUT)",0005);
</script>
</div></div>
<div style="display:none"; id="credits";>
<div class="head">Credits</div>
Credits<br>
Credits<br>
Credits<br>
Credits<br>
Credits<br>
Credits<br>
Credits<br>
Credits</div>
<div style="display:none"; id="links";>
<div class="head">Links</div>
::<a href="<A href="http://www.friendster.com/index.php">Home</a">http://www.friendster.com/index.php">Home</a>:: <br>
::<a href="<A href="http://www.friendster.com/user.php">Profile</a">http://www.friendster.com/user.php">Profile</a>:: <br>
::<a href="<A href="http://www.friendster.com/friends.php">Friends</a>::<br">http://www.friendster.com/friends.php">Friends</a>::<br>
::<a href="<A href="http://www.friendster.com/messages.php">Messages</a">http://www.friendster.com/messages.php">Messages</a>:: <br>
::<a href="<A href="http://www.friendster.com/friends.php?&uid=USERID">View">http://www.friendster.com/friends.php?&uid=USERID">View Friends</a>:: <br>
::<a href="<A href="http://www.friendster.com/addfriendrequest.php?uid=USERID">Add">http://www.friendster.com/addfriendrequest.php?uid=USERID">Add as Friend</a>::<br>
::<a href="<A href="http://www.friendster.com/sendmessage.php?uid=USERID">Send">http://www.friendster.com/sendmessage.php?uid=USERID">Send Message</a>::<br>
::<a href="<A href="http://www.friendster.com/testimonials.php?uid=USERID">View">http://www.friendster.com/testimonials.php?uid=USERID">View Testi</a>:: <br>
::<a href="<A href="http://www.friendster.com/testimonials.php?action=add&uid=USERID">Add">http://www.friendster.com/testimonials.php?action=add&uid=USERID">Add Testi</a>::<br>
::<a href="<A href="http://www.friendster.com/viewphotos.php?uid=USERID">View">http://www.friendster.com/viewphotos.php?uid=USERID">View Photos</a>::<br></div>
<!-- END Content Box-->
</HTML>