Preview :
Final fantasy 8 layout

<HTML>
<HEAD>
<TITLE>YOUR TITLE HERE</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">
body {
margin-left:0px;
}
#migelle {
overflow : auto;
background : url('http://i15.photobucket.com/albums/a356/skull2324/finalfantasy8_06.gif');
no-repeat;
_background-attachment : fixed;
width : 400px;
height : 250px;
font-family : verdana;
font-size : 15px;
}
#navigation {
overflow : auto;
background-image : url('http://i15.photobucket.com/albums/a356/skull2324/finalfantasy8_08.gif');
background-repeat : no-repeat;
_background-attachment : fixed;
width : 208px;
height : 476px;
font-family : verdana;
font-size : 15px;
}
#testimonials {
overflow : auto;
background-image : url('http://i15.photobucket.com/albums/a356/skull2324/finalfantasy8_13.gif');
no-repeat;
_background-attachment : fixed;
width : 543px;
height : 218px;
font-family : verdana;
font-size : 15px;
}
#friends {
overflow : auto;
background-image : url('http://i15.photobucket.com/albums/a356/skull2324/finalfantasy8_11.gif');
no-repeat;
_background-attachment : fixed;
width : 209px;
height : 267px;
font-family : verdana;
font-size : 15px;
}
#chatbox {
overflow : auto;
background-image : url('http://i15.photobucket.com/albums/a356/skull2324/finalfantasy8_03.gif');
no-repeat;
_background-attachment : fixed;
width : 209px;
height : 296px;
font-family : verdana;
font-size : 15px;
}
a {text-decoration: none; }
</style>
<style fprolloverstyle>A:hover {color: #000000; text-decoration: none; font-weight: bold}
</style>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#000000" vlink="#000000" alink="#000000">
<center>
</HEAD>
<BODY BGCOLOR=#000000>
<TABLE WIDTH=1024 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=23 HEIGHT=1></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=143 HEIGHT=1></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=400 HEIGHT=1></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=208 HEIGHT=1></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=209 HEIGHT=1></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=41 HEIGHT=1></TD>
<TD></TD>
</TR>
<TR>
<TD COLSPAN=6>
<center><IMG SRC="http://i15.photobucket.com/albums/a3...antasy8_01.gif" WIDTH=1024 HEIGHT=185 BORDER=0 USEMAP="#finalfantasy8_01_Map"></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=1 HEIGHT=185></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="http://i15.photobucket.com/albums/a3...antasy8_02.gif" WIDTH=774 HEIGHT=65></TD>
<TD ROWSPAN=3>
<center><div id="chatbox">
YOUR CHATBOX CODE
</div></TD>
<TD ROWSPAN=9>
<IMG SRC="http://i15.photobucket.com/albums/a3...antasy8_04.gif" WIDTH=41 HEIGHT=615></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=1 HEIGHT=65></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=5>
<IMG SRC="http://i15.photobucket.com/albums/a3...antasy8_05.gif" WIDTH=166 HEIGHT=327></TD>
<TD ROWSPAN=3>
<div id="migelle">
<center>
<p>
<b>Name</b>: xxx
<br>
<b>Birthday</b>: xxx
<br>
<b>Age</b>: xxx<
br>
<b>Location</b>: xxx
<br>
<span class="style3">Schools:</span> <br>
xxx<br><br>
<span class="style3">Occupation:</span><br>
xxx<br><br>
<span class="style3">Companies:</span><br>
xxx<br><br>
<span class="style3">Hobbies and Interests:</span><br>
xxx<br><br>
<span class="style3">Favorite Books:</span><br>
xxx<br><br>
<span class="style3">Favorite Movies:</span><br>
xxx<br><br>
<span class="style3">Favorite Music:</span><br>
xxx<br><br>
<span class="style3">Favorite TV Shows:</span><br>
xxx<br><br>
<span class="style3">About Me: </span><br>
xxx<br><br>
<span class="style3">Who I Want to Meet:</span> <br>
xxx<br><br>
<br></p>
</center>
</DIV>
</TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...antasy8_07.gif" WIDTH=208 HEIGHT=62></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=1 HEIGHT=62></TD>
</TR>
<TR>
<TD ROWSPAN=5><div id="navigation"><center>
<p align="center"><a href="<A href="http://www.friendster.com/addfriendrequest.php?uid=xxx">~Add">http://www.friendster.com/addfriendrequest.php?uid=xxx">~Add me~</a></p>
<p align="center"></p>
<p align="center"><a href="<A href="http://www.friendster.com/sendmessage.php?uid=xxx">Send">
http://www.friendster.com/sendmessage.php?uid=xxx">Send me a message</a></p>
<p align="center"></p>
<p align="center"><a href="<A href="http://www.friendster.com/testimonials.php?
action=add&uid=xxx">
~Send">http://www.friendster.com/testimonia...ction=add&uid=xxx">~Send me a testimonial~</a></p>
<p align="center"><a href="<A href=http://www.friendster.com/introduce.php?uid=xxx">~Introduce">http://www.friendster.com/introduce.php?uid=xxx">~Introduce me~</a></p>
<p align="center"><a href="<A href="http://www.friendster.com/bookmarks.php?action=add&uid=xxx">~Bookmark">http://www.friendster.com/bookmarks.php?action=add&uid=xxx">~Bookmark my profile~</a></p>
<p align="center"><a href="<A href="http://www.friendster.com/friends.php?uid=xxx">~View">http://www.friendster.com/friends.php?uid=xxx">~View my friends~</a></p>
<p align="center"><a href="<A href="http://www.friendster.com/testimonials.php?uid=xxx">~View">http://www.friendster.com/testimonials.php?uid=xxx">~View my testimonials~</a></p>
<p align="center">
<a href="<A href="http://www.friendster.com/home.php?statpos=headernav">~Home~</a></p">http://www.friendster.com/home.php?statpos=headernav">~Home~</a></p>
<p align="center"><a href="<A href="http://www.friendster.com/messages.php">~My">http://www.friendster.com/messages.php">~My Messages~</a></p>
<p align="center">
<a href="<A href="http://www.friendster.com/editaccount.php?statpos=topnav">~My">http://www.friendster.com/editaccount.php?statpos=topnav">~My Settings~</a></p>
<p align="center">
<a href="<A href="http://www.friendster.com/index.php?logout=1&statpos=topnav">~Log">http://www.friendster.com/index.php?logout=1&statpos=topnav">~Log Out~</a></p>
<p align="center">
</div></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=1 HEIGHT=169></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="http://i15.photobucket.com/albums/a3...antasy8_09.gif" WIDTH=209 HEIGHT=40></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=1 HEIGHT=19></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="http://i15.photobucket.com/albums/a3...antasy8_10.gif" WIDTH=400 HEIGHT=77></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=1 HEIGHT=21></TD>
</TR>
<TR><TD ROWSPAN=2><div id="friends"><center>
YOUR FRIEND IMAGE
<BR>
<BR>YOUR FRIEND IMAGE
<BR>
<BR>YOUR FRIEND IMAGE
<BR> <p align="center"><a href="<A href="http://www.friendster.com/XXX">view">http://www.friendster.com/XXX">view them all</a></p></div></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=1 HEIGHT=56></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="http://i15.photobucket.com/albums/a3...antasy8_12.gif" WIDTH=23 HEIGHT=223></TD>
<TD COLSPAN=2 ROWSPAN=2><div id="testimonials"><font color="#ffffff">
PUT YOUR TESTIMONIAL HERE
</font></div></TD><TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=1 HEIGHT=211></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=2>
<IMG SRC="http://i15.photobucket.com/albums/a3...antasy8_14.gif" WIDTH=417 HEIGHT=12></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=1 HEIGHT=7></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="http://i15.photobucket.com/albums/a3...antasy8_15.gif" WIDTH=543 HEIGHT=5></TD>
<TD>
<IMG SRC="http://i15.photobucket.com/albums/a3...324/spacer.gif" WIDTH=1 HEIGHT=5></TD>
</TR>
</TABLE>
<MAP NAME="finalfantasy8_01_Map">
<AREA SHAPE="rect" ALT="" COORDS="184,69,638,185" HREF="http://www.friendster.com/12005902">
<AREA SHAPE="rect" ALT="" COORDS="825,17,992,98" HREF="http://www.friendster.com/12005902">
<AREA SHAPE="rect" ALT="" COORDS="618,5,693,48" HREF="http://www.friendster.com/lougout.php">
<AREA SHAPE="rect" ALT="" COORDS="481,5,600,50" HREF="http://www.friendster.com/users.php">
<AREA SHAPE="rect" ALT="" COORDS="330,6,467,45" HREF="http://www.friendster.com/messages.php">
<AREA SHAPE="rect" ALT="" COORDS="253,7,315,41" HREF="http://www.friendster.com/home.php?">
</MAP>
</BODY>
</HTML>
INSTRUCTION:
1. CHANGE THE ORANGE FONT WITH YOUR CHATBOX CODE
2. CHANGE THE RED FONT WITH YOUR USER ID AND ABOUT UR INFORMATION
3. CHANGE THE YELLOW FONT WITH THE IMAGE OF YOUR FRIENDS
4. CHANGE THE GREEN FONT WITH YOUR TESTI