gini aku ada nih kode overlayout
[spoiler][align=center][quote]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>~ - DEATHNOTE - ~</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color: #000000;
}
.link2 {
font-size: 12px;
color: #ff0000;
letter-spacing: 4px;
margin-bottom: 3px
}
.link {
display:block;
background-color: transparent;
text-align: center;
width: 180px;
letter-spacing:1px;
font-size: 12px;
color: #ffffff;
margin-bottom: 1px;
padding: 0 0 0 0;
border: #ffffff 1px solid;
}
a {
text-decoration: none;
font-size: 12pt;
color: #ff0000;
text-transform:uppercase;
font-weight: bold;
}
a:hover {
background: url(http://www.freewebtown.com/vtugz/DeathNote/hover.jpg);
font-size: 12px;
color: #ff0000;
background-color: #000000;
}
.text {
padding: 0 0 0 0;
font-size: 10pt;
overflow: auto;
font-family: Verdana;
text-align:justify;
color: #ffffff;
}
/** PICTURE SIZE IN THE MAIN PHOTO **/
#automainphotoid IMG
{
width:150px;
height:150px;
border:#000000 0px solid;
}
/** AUTO FRIENDS LIST **/
#content_2 IMG
{
height:100px;
width:100px;
border:#000000 0px solid;
}
.dr { text-align: center; color: white;}
.flogriditem {
float: left;
margin: 0 5 0 5;
padding: 0 5 0 5;
text-align: center;
border:0px solid #efbd26;
}
/** pics **/
.imgblock75 img{
height:100px;
width:100px;
overflow: hidden;
border:#000000 0px solid;
margin: 0 auto;
}
.itd{
vertical-align:top;
}
/** testimonial contents **/
.dtd{
padding-left:10px;
padding-bottom:10px;
margin-bottom:5px;
margin-left: 5px;
margin-right: 5px;
text-align:justify;
font-size: 12px;
color: #ffffff;
}
/** names **/
.title a:visited, .title a:link{
text-decoration:none;
color:#ffffff!important;
font-size:11px;
}
.title a:hover{
color:#ffffff!important;
text-decoration: none;
}
/** view all and add a testimonial links **/
.viewall a{
font-size: 11px;
color: #ff0000 !important;
text-decoration: none;
padding: 2px;
}
.viewall a:hover{
text-decoration: none;
color:#0000ff!important;
font-weight: bold;
}
.viewall{
text-align:center!important;
}
.data li{
list-style-type:none;
}
.data{
padding:0;
margin:0;
}
h2{
display:none;
}
/** images **/
.ir img {
height:100px;
width:100px;
border:#000000 0px solid;
}
/** caption **/
.dr a {
font-family: century gothic, verdana;
font-size: 10px;
text-align: center;
text-decoration: none;
color: white;
}
.dr a:hover {
font-weight: bold;
}
</style>
</head>
<body>
<div style="position:absolute; top: 0; left:25;"> <img src="http://www.freewebtown.com/vtugz/DeathNote/DN01.jpg" width="950" height="400"><br>
<img src="http://www.freewebtown.com/vtugz/DeathNote/DN02.jpg" width="950" height="300" border="0" usemap="#DeathNote"><br>
<map name="DeathNote">
<area shape="rect" coords="226,248,273,283" href="http://www.friendster.com" target="_parent">
<area shape="rect" coords="531,250,625,285" href="http://www.friendster.com/editaccount.php" target="_parent">
<area shape="rect" coords="632,250,702,285" href="http://www.friendster.com/logout.php" target="_parent">
<area shape="rect" coords="279,249,351,284" href="http://www.friendster.com/profile.php" target="_parent">
<area shape="rect" coords="362,250,434,284" href="http://www.friendster.com/friends.php" target="_parent">
<area shape="rect" coords="444,251,521,285" href="http://www.friendster.com/messages.php" target="_parent">
</map>
<img src="http://www.freewebtown.com/vtugz/DeathNote/DN03.jpg" width="950" height="300"><br>
<img src="http://www.freewebtown.com/vtugz/DeathNote/DN04.jpg" width="950" height="420"><br>
<img src="http://www.freewebtown.com/vtugz/DeathNote/DN05.jpg" width="950" height="570"><br>
<img src="http://www.freewebtown.com/vtugz/DeathNote/DN06.jpg" width="950" height="450"><br>
<img src="http://www.freewebtown.com/vtugz/DeathNote/DN07.jpg" width="950" height="304"><br>
</div>
<div style="position: absolute; top: 825; left: 120; width: 200; height: 150;" align="center">
<!-- FRIENDSTER NAVIGATION note. enter ur UID-->
<a href="http://www.friendster.com/sendmessage.php?uid=ENTER_UR_USERID&action=sendsmile" class="link">Send me a Smile</a>
<a href="http://www.friendster.com/sendmessage.php?uid=ENTER_UR_USERID" class="link">Send me a Message</a>
<a href="http://www.friendster.com/comments.php?uid=ENTER_UR_USERID" class="link">Add COmments</a>
<a href="http://www.friendster.com/photos/ENTER_UR_USERID" class="link">View my all Photo</a>
<a href="http://www.friendster.com/friends.php?uid=ENTER_UR_UID" class="link">View all my Friends</a>
<a href="http://www.friendster.com/usersearch.php?search=1&country=PH&usearch=UR_EMAIL_ADDRESS" class="link">Add me as Friend</a>
<a href="http://www.friendster.com/bookmarks.php?action=add&uid=ENTER_UR_USERID" class="link">Bookmark my Profile</a>
<!-- END OF NAVIGATION -->
</div>
<div style="position: absolute; top: 825; left: 424; width: 150; height: 150;">
<!-- MAIN PHOTO CODE -->
<script language="javascript">
automainphoto="yes"
</script>
<div id="automainphotoid"></div>
<!-- END MAIN PHOTO CODE -->
</div>
<div style="position: absolute; top: 825; left: 678; width: 200; height: 150; overflow: auto;" class="text">
<!-- INSERT YOUR INFORMATION HERE -->
<font color="cecece"><b>Name : </b></font>Ur Name<br>
<font color="cecece"><b>Age : </b></font>Ur Age<br>
<font color="cecece"><b>Gender : </b></font>Ur Gender<br>
<font color="cecece"><b>Location : </b></font>Ur location<br>
<font color="cecece"><b>Birthday : </b></font>Ur birthday<br>
<font color="cecece"><b>School : </b></font>Ur School<br>
<font color="cecece"><b>Course : </b></font>Ur Course<br>
<!-- END INFORMATION -->
</div>
<!-- END OF PERSONAL INFORMATION -->
<!-- ABOUT ME -->
<div style="position: absolute; top: 1095; left: 120; width: 453; height: 300; overflow: auto;" class="text">
<!-- ENTER YOUR ABOUT ME -->
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
<!-- END ABOUT ME -->
</div>
<!-- END ABOUT ME -->
<div style="position: absolute; top: 1095; left: 678; width: 200; height: 300; overflow: auto;">
<!-- FRIENDS MODULE CODE -->
<div id="content_2"></div>
<script language="javascript">
module2="yes";
</script>
<!-- END FRIENDS MODULE -->
</div>
<div style="position: absolute; top: 1523; left: 120; width: 765; height: 424;">
<!-- CODEDFLASH CHAT -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,19,0"
width="765" height="424">
<param name=movie
value="http://host8.123flashchat.com/codedspirit/123flashchat.swf?init_root=http://host8.123flashchat.com/codedspirit/">
<param name=quality value=high>
<parameter name="wmode" value="transparent">
<embed
src="http://host8.123flashchat.com/codedspirit/123flashchat.swf?init_root=http://host8.123flashchat.com/codedspirit/"
quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="765" height="424">
</embed>
</object>
<!-- END OF FLASH CHAT -->
</div>
<div style="position: absolute; top: 2100; left: 120; width: 453; height: 300; overflow: auto;">
<!-- TESTIMONIALS AND COMMENTS MODULE CODE-->
<div id="content_18"></div>
<script language="javascript">
module18="yes";
</script>
<!-- END TESTIMONIALS AND COMMENTS MODULE CODE -->
</div>
<div style="position: absolute; top: 2100; left: 678; width: 200; height: 300; ">
<!-- WHO VIEW ME CBOX mus be width=300 and height=200 -->
<center>
<iframe frameborder="0" width="200" height="300" src="http://www3.cbox.ws/box/?boxid=2694020&boxtag=3320&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmainche" style="border: 0px solid;" id="cboxmainche"></iframe>
<script language="javascript">
boxid=2694020;
boxtag=3320;
wvcbox="yes";
wvcboxmodule="pst";
</script>
<div id="wvcboxel" style="display:none"></div>
</center>
<!-- END WHO VIEW ME -->
</div>
<!-- CREDITS -->
<div style="position: absolute; top: 2550; left: 120; width: 765; height: 80;" class="text">
<!-- DONT REMOVE THIS CODE BUT YOU CAN ADD YOU OWN LINKS-->
<marquee onmouseover=this.stop() onmouseout=this.start() scrollAmount=2 direction=left>
<center>
-<a href="http://www.friendster.com/vtugz" target="_blank" class="link2"><b>vtugz</b></a>-
-<a href="http://www.codedspirit.com" target="_blank" class="link2"><b>codedspirit</b></a>-
-<a href="http://www.markyctrigger.com" target="_blank" class="link2"><b>markyctrigger</b></a>-
-<a href="http://www.fileden.com" target="_blank" class="link2"><b>Fileden</b></a>-
-<a href="http://www.deviantart.com" target="_blank" class="link2"><b>deviant art</b></a>-
-<a href="http://www.freewebtown.com" target="_blank" class="link2"><b>free web town</b></a>-
</center>
</marquee><br>
<marquee onmouseover=this.stop() onmouseout=this.start() scrollAmount=2 direction=right>
<center>
-<a href="http://www.friendster.com/vtugz" target="_blank" class="link2"><b>vtugz</b></a>-
-<a href="http://www.codedspirit.com" target="_blank" class="link2"><b>codedspirit</b></a>-
-<a href="http://www.markyctrigger.com" target="_blank" class="link2"><b>markyctrigger</b></a>-
-<a href="http://www.fileden.com" target="_blank" class="link2"><b>Fileden</b></a>-
-<a href="http://www.deviantart.com" target="_blank" class="link2"><b>deviant art</b></a>-
-<a href="http://www.freewebtown.com" target="_blank" class="link2"><b>free web town</b></a>-
</center>
</marquee>
</div>
<!--END CREDITS -->
</body>
</html>[/quote]
[/align][spoiler]Terus di sana ada tulisan Tetimotial comment
supaya itu berfungsi gimana carannya atau ada yang bisa editkan gak???? :gift:
Last edited by tracehendri (2008-05-19 01:59:11)