Newbies are not allowed to post in this thread.


[RULEZ]
NO RIPPERS ALLOWED HERE
DONT USE WITHOUT PERMISSION
::Naruto Black overlay::
Heres the http://h1.ripway.com/RoadRockeR19/Overl … ISHED.html
and heres the screenshot
and heres the code!!

<html>
<head>
<style type="text/css">
#Layer1 {
position:absolute;
width:841px;
height:804px;
z-index:1;
left: 5px;
top: 3px;
overflow: auto;
}
#AboutMe {
position:absolute;
width:426px;
height:165px;
z-index:2;
left: 106px;
top: 389px;
overflow: auto;
}
#Comments {
position:absolute;
width:425px;
height:138px;
z-index:3;
left: 106px;
top: 602px;
overflow: auto;
}
#Mediabox {
position:absolute;
width:317px;
height:140px;
z-index:4;
left: 562px;
top: 606px;
overflow: auto;
}
#Friends {
position:absolute;
width:134px;
height:118px;
z-index:5;
left: 551px;
top: 389px;
overflow: hidden;
}
-->
</style>
<center>
<title>"TITLE HERE"</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="Layer1"></div>
<!-- ImageReady Slices (Overlay Naruto Black IMG READY.psd) -->
<!-- IMPORTANT!!!CHANGE THE USERID!!! -->
<img src="http://i28.tinypic.com/2433hwn.jpg" width="867" height="795" border="0" alt="" usemap="#Overlay_Naruto_Black_IMG_READY_Map">
<map name="Overlay_Naruto_Black_IMG_READY_Map">
<area shape="rect" alt="" coords="295,765,472,784" href="http://www.friendster.com/41428363" target="_self">
<area shape="rect" alt="" coords="641,240,814,257" href="http://www.friendster.com/41428363">
<area shape="rect" alt="" coords="660,490,800,521" href="http://www.friendster.com/sendmessage.php?uid=USERID" target="_self">
<area shape="rect" alt="" coords="660,464,801,490" href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile" target="_self">
<area shape="rect" alt="" coords="651,440,809,464" href="http://www.friendster.com/bookmarks.php?action=add&uid=USERID" target="_self">
<area shape="rect" alt="" coords="651,410,810,439" href="http://www.friendster.com/publiccomments.php?uid=USERID" target="_self">
<area shape="rect" alt="" coords="660,378,794,410" href="http://www.friendster.com/addfriendrequest.php?uid=USERID" target="_self">
<area shape="rect" alt="" coords="503,522,606,537" href="http://www.friendster.com/friends/41428363" target="_self">
<!-- END USERID -->
<!-- NO NEED TO EDIT CODES BELOW -->
<area shape="rect" alt="" coords="675,292,756,311" href="http://www.friendster.com/logout.php " target="_self">
<area shape="rect" alt="" coords="578,292,675,310" href="http://www.friendster.com/editaccount.php" target="_self">
<area shape="rect" alt="" coords="477,292,578,310" href="http://www.friendster.com/messages.php" target="_self">
<area shape="rect" alt="" coords="307,296,384,312" href="http://www.friendster.com/gallery.php" target="_self">
<area shape="rect" alt="" coords="224,296,307,312" href="http://www.friendster.com/friends.php" target="_self">
<area shape="rect" alt="" coords="142,296,224,311" href="http://www.friendster.com/user,php" target="_self">
<area shape="rect" alt="" coords="79,296,142,311" href="http://www.friendster.com" target="_self">
</map>
<!-- End ImageReady Slices -->
<!-- START EDITING HERE -->
<!-- EDIT ABOUT ME CODE HERE -->
<div id="AboutMe">
<a href="http://tinypic.com" target="_blank"><img src="http://i30.tinypic.com/2emj0hf.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
<P align="left"><FONT size="3" color="FFFFFF">
<STRONG> Name:</STRONG> BiLLy JaMEs LaBAy<BR>
<STRONG> Nick:</STRONG> BiLLy<BR>
<STRONG> Cyber Nick:</STRONG> RoadRockeR19<BR>
<STRONG> E-Mail Address:</STRONG> billy_labay@yahoo.com<BR>
<STRONG> Birthday:</STRONG> August 19,1995<BR>
<STRONG> Age:</STRONG> 12<BR>
<STRONG> Zodiac:</STRONG> Leo<BR>
<STRONG> Location:</STRONG> Laguna</FONT></P>
</div>
<!-- END ABOUT ME -->
<!-- NO NEED TO EDIT AUTO COMMENT SPAWN CODE BELOW -->
<div id="Comments">
<div id="content_18" style="overflow:auto; width:auto" align="justify"></div>
<script language="javascript">
module18="yes";
</script>
<DIV id=quickcommentid></DIV>
<SCRIPT language=javascript>
quickcomment="yes";
</SCRIPT>
</DIV>
<style type="text/css">
/** pics **/
.imgblock75 img{
height:100px;
width:100px;
overflow: hidden;
border:#000000 3px solid;
margin: 0 auto;
}
.itd{
vertical-align:top;
}
/** testimonial contents **/
.dtd{
padding-left:10px;
padding-bottom:10px;
margin-bottom:0px;
margin-left: 5px;
margin-right: 5px;
text-align:justify;
font-size: 15px;
color: #FFFFFF!important;
}
/** names **/
.title a:visited, .title a:link{
text-decoration:none;
color:#000000!important;
font-size:20px;
}
.title a:hover{
color:#FFFFFF!important;
text-decoration: none;
font-weight: bold;
}
/** view all and add a testimonial links **/
.viewall a{
font-size: 15px;
color: #000000 !important;
text-decoration: none;
padding: 2px;
}
.viewall a:hover{
text-decoration: none;
color:#FFFFFF!important;
font-weight: bold;
}
.viewall{
text-align:center!important;
}
h2{
display:none;
}
.data li{
list-style-type:none;
}
.data{
padding:0;
margin:0;
}
</style>
</div>
<!-- END COMMENT -->
<!-- MEDIA BOX CODE HERE -->
<div id="Mediabox">
<object width="300" height="80"><param name="movie" value="http://media.imeem.com/m/d-7Ja-OXus"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/m/d-7Ja-OXus" type="application/x-shockwave-flash" width="300" height="110" wmode="transparent"></embed></object>
</div>
<!-- END MEDIA BOX CODE -->
<!-- INSERT FRIENDS PHOTOS URL HERE -->
<div id="Friends">
<marquee direction=down>
<center>
<a href="http://tinypic.com" target="_blank"><img src="http://i29.tinypic.com/w8xa12.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
<a href="http://tinypic.com" target="_blank"><img src="http://i29.tinypic.com/2n1t0cm.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
<a href="http://tinypic.com" target="_blank"><img src="http://i30.tinypic.com/vdfxib.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
</center>
</marquee>
</div>
<!-- END -->
</body>
</center>
</html>Features:
Auto Spawn Comments
The opening song of naruto shippuden ^^
Hope you guys luv it ^^ comments are appreciated
::Nature Overlay::
heres the preview
http://h1.ripway.com/RoadRockeR19/Overl … eBlue.html
heres the screenshot
and heres the code
<html>
<head>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:868px;
height:799px;
z-index:1;
left: 3px;
top: 3px;
}
#AboutMe {
position:absolute;
width:489px;
height:158px;
z-index:2;
left: 316px;
top: 203px;
overflow: visible;
}
#Comments {
position:absolute;
width:489px;
height:199px;
z-index:1;
left: 312px;
top: 385px;
overflow: auto;
}
#MediaBox {
position:absolute;
width:481px;
height:113px;
z-index:3;
left: 317px;
top: 613px;
overflow: auto;
}
#Photos {
position:absolute;
width:315px;
height:82px;
z-index:4;
left: 515px;
top: 84px;
overflow: hidden;
}
-->
</style>
<center>
<title>background2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#22FFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="Layer1">
</div>
<!-- ImageReady Slices (background2.JPG) -->
<!-- START EDITING HERE!!! CHANGE THE USERID WITH UR USERID -->
<img src="http://i30.tinypic.com/2eev3ex.jpg" width="867" height="795" border="0" alt="" usemap="#Overlay_Naruto_Black_IMG_READY_Map">
<map name="background2_Map">
<area shape="rect" alt="" coords="345,778,527,796" href="http://www.friendster.com/41428363" target="_self">
<area shape="rect" alt="" coords="50,291,175,318" href="http://www.friendster.com/sendmessage.php?uid=USERID" target="_self">
<area shape="rect" alt="" coords="58,260,168,291" href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile" target="_self">
<area shape="rect" alt="" coords="50,231,175,259" href="http://www.friendster.com/publiccomments.php?uid=USERID" target="_self">
<area shape="rect" alt="" coords="50,209,175,231" href="http://www.friendster.com/addfriendrequest.php?uid=USERID" target="_self">
<area shape="rect" alt="" coords="552,20,637,42" href="http://www.friendster.com/logout.php " target="_self">
<area shape="rect" alt="" coords="445,20,551,40" href="http://www.friendster.com/editaccount.php">
<area shape="rect" alt="" coords="345,20,445,42" href="http://www.friendster.com/messages.php" target="_self">
<area shape="rect" alt="" coords="251,20,345,41" href="http://www.friendster.com/friends.php" target="_self">
<area shape="rect" alt="" coords="162,20,251,42" href="http://www.friendster.com/user,php" target="_self">
<area shape="rect" alt="" coords="84,20,162,42" href="http://www.friendster.com/">
</map>
<!-- END EDITING USER ID -->
<!-- End ImageReady Slices -->
<!-- EDIT ABOUT ME CODES BELOW -->
<div id="AboutMe">
</div>
<!-- END ABOUT ME CODES -->
<!-- NO NEED TO EDIT COMMENT CODES BELOW -->
<div id="Comments">
<div id="content_18" style="overflow:auto; width:auto" align="justify"></div>
<script language="javascript">
module18="yes";
</script>
<DIV id=quickcommentid></DIV>
<SCRIPT language=javascript>
quickcomment="yes";
</SCRIPT>
</DIV>
<style type="text/css">
/** pics **/
.imgblock75 img{
height:100px;
width:100px;
overflow: hidden;
border:#000000 3px solid;
margin: 0 auto;
}
.itd{
vertical-align:top;
}
/** testimonial contents **/
.dtd{
padding-left:10px;
padding-bottom:10px;
margin-bottom:0px;
margin-left: 5px;
margin-right: 5px;
text-align:justify;
font-size: 15px;
color: #FFFFFF!important;
}
/** names **/
.title a:visited, .title a:link{
text-decoration:none;
color:#000000!important;
font-size:20px;
}
.title a:hover{
color:#FFFFFF!important;
text-decoration: none;
font-weight: bold;
}
/** view all and add a testimonial links **/
.viewall a{
font-size: 15px;
color: #000000 !important;
text-decoration: none;
padding: 2px;
}
.viewall a:hover{
text-decoration: none;
color:#FFFFFF!important;
font-weight: bold;
}
.viewall{
text-align:center!important;
}
h2{
display:none;
}
.data li{
list-style-type:none;
}
.data{
padding:0;
margin:0;
}
</style>
</div>
<!-- END COMMENT CODES -->
<!-- PUT MEDIABOX CODE HERE -->
<div id="MediaBox">
</div>
<!-- END MEDIABOX -->
<!-- PUT PHOTOS URL HERE -->
<div id="Photos">
<marquee direction=left>
<center>
</center>
</marquee>
</div>
<!-- END PHOTOS -->
</body>
</center>
</html>
::I LUV PINK OVERLAY::
heres the live preview
http://h1.ripway.com/RoadRockeR19/Overl … ypink.html
and heres screenshot
and of course heres the code 
<html>
<head>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:917px;
height:1208px;
z-index:1;
left: 3px;
top: 3px;
}
#AboutMe {
position:absolute;
width:449px;
height:212px;
z-index:2;
left: 107px;
top: 251px;
overflow: auto;
}
#Comments {
position:absolute;
width:447px;
height:402px;
z-index:3;
left: 110px;
top: 524px;
overflow: auto;
}
#MediaBox {
position:absolute;
width:445px;
height:143px;
z-index:4;
left: 113px;
top: 980px;
overflow: auto;
}
#Friends {
position:absolute;
width:293px;
height:97px;
z-index:1;
left: 577px;
top: 651px;
overflow: hidden;
}
#Photos {
position:absolute;
width:298px;
height:90px;
z-index:5;
left: 566px;
top: 827px;
overflow: hidden;
}
-->
</style>
<center>
<title>Overlay BackGround Girly pink</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#ee22cc" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="Layer1">
</div>
<!-- ImageReady Slices (Overlay BackGround Girly pink.psd) -->
<!-- EDIT THE USERID WITH URS -->
<img src="http://i26.tinypic.com/2w2htlv.jpg" width="925" height="1216" border="0" alt="" usemap="#Overlay_BackGround_Girly_pink_Map">
<map name="Overlay_BackGround_Girly_pink_Map">
<area shape="rect" alt="" coords="350,1182,554,1199" href="http://www.friendster.com/41428363">
<area shape="rect" alt="" coords="644,403,802,422" href="http://www.friendster.com/referafriend.php?refer=USERID">
<area shape="rect" alt="" coords="666,374,781,393" href="http://www.friendster.com/bookmarks.php?action=add&uid=USERID">
<area shape="rect" alt="" coords="656,344,793,365" href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile">
<area shape="rect" alt="" coords="666,315,781,336" href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile">
<area shape="rect" alt="" coords="666,286,781,307" href="http://www.friendster.com/publiccomments.php?uid=USERID">
<area shape="rect" alt="" coords="666,255,782,277" href="http://www.friendster.com/addfriendrequest.php?uid=USERID">
<!-- END OF USERID -->
<area shape="rect" alt="" coords="771,80,850,96" href="http://www.friendster.com/logout.php ">
<area shape="rect" alt="" coords="666,80,762,97" href="http://www.friendster.com/editaccount.php">
<area shape="rect" alt="" coords="555,80,656,98" href="http://www.friendster.com/messages.php">
<area shape="rect" alt="" coords="461,80,545,97" href="http://www.friendster.com/gallery.php">
<area shape="rect" alt="" coords="370,80,452,97" href="http://www.friendster.com/friends.php">
<area shape="rect" alt="" coords="280,80,359,98" href="http://www.friendster.com/user,php">
<area shape="rect" alt="" coords="209,80,269,97" href="http://www.friendster.com/">
</map>
<!-- End ImageReady Slices -->
<!-- EDIT ABOUT ME CODES BELOW -->
<div id="AboutMe"></div>
<!-- END ABOUT ME -->
<!-- NO NEED TO EDIT COMMENT CODE BELOW -->
<div id="Comments"></div>
<!-- END COMMENT CODES -->
<!-- PUT UR MEDIA BOX CODES HERE -->
<div id="MediaBox"></div>
<!-- END MEDIA BOX CODE -->
<!-- PUT UR FRENDS URL HERE -->
<div id="Friends">
<marquee direction=left>
<center>
<a href="http://s306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/?action=view¤t=pink.jpg" target="_blank"><img src="http://i306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/pink.jpg" border="0" alt="pink"></a>
<a href="http://s306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/?action=view¤t=pink.jpg" target="_blank"><img src="http://i306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/pink.jpg" border="0" alt="pink"></a>
<a href="http://s306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/?action=view¤t=pink.jpg" target="_blank"><img src="http://i306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/pink.jpg" border="0" alt="pink"></a>
</center>
</marquee>
</div>
<!-- END FRIENDS URL -->
<!-- PHOTOS URL HERE -->
<div id="Photos">
<marquee direction=left>
<center>
<a href="http://s306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/?action=view¤t=pink.jpg" target="_blank"><img src="http://i306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/pink.jpg" border="0" alt="pink"></a>
<a href="http://s306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/?action=view¤t=pink.jpg" target="_blank"><img src="http://i306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/pink.jpg" border="0" alt="pink"></a>
<a href="http://s306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/?action=view¤t=pink.jpg" target="_blank"><img src="http://i306.photobucket.com/albums/nn243/elizavet11_lovs_blue_eyezZ/pink.jpg" border="0" alt="pink"></a>
</center>
</marquee>
</div>
<!-- END PHOTOS HERE -->
</body>
</center>
</html>
::Urban Overlay::
heres the live previewhttp://h1.ripway.com/RoadRockeR19/Overl … Black.html
and heres the screenshot
and last heres the code

<html>
<head>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:857px;
height:1154px;
z-index:1;
left: 3px;
top: 2px;
overflow: auto;
}
#AboutMe {
position:absolute;
width:484px;
height:220px;
z-index:2;
left: 372px;
top: 392px;
overflow: auto;
}
#Comments {
position:absolute;
width:482px;
height:276px;
z-index:3;
left: 375px;
top: 660px;
overflow: auto;
}
#Friends {
position:absolute;
width:401px;
height:115px;
z-index:4;
left: 106px;
top: 655px;
overflow: hidden;
}
#Photos {
position:absolute;
width:249px;
height:110px;
z-index:5;
left: 106px;
top: 811px;
overflow: hidden;
}
#MusicBox {
position:absolute;
width:272px;
height:122px;
z-index:6;
left: 107px;
top: 963px;
overflow: auto;
}
-->
</style>
<center>
<title>Urban Layout By BiLLy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="Layer1"></div>
<!-- ImageReady Slices (background2.JPG) -->
<!-- IMPORTANT CHANGE THE USERID WITH UR OWN USERIDE -->
<img src="http://i28.tinypic.com/2lo0ug3.jpg" width="867" height="1152" border="0" alt="" usemap="#background2_Map">
<map name="background2_Map">
<area shape="rect" alt="" coords="296,1118,535,1131" href="http://www.friendster.com/41428363">
<area shape="rect" alt="" coords="117,784,180,805" href="http://www.friendster.com/photos/USERID ">
<area shape="rect" alt="" coords="121,630,180,645" href="http://www.friendster.com/friends/USERID">
<area shape="rect" alt="" coords="62,513,243,541" href="http://www.friendster.com/sendmessage.php?uid=USERID">
<area shape="rect" alt="" coords="75,470,228,503" href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile">
<area shape="rect" alt="" coords="47,434,251,462" href="http://www.friendster.com/publiccomments.php?uid=USERID">
<area shape="rect" alt="" coords="47,393,251,426" href="http://www.friendster.com/addfriendrequest.php?uid=USERID">
<area shape="rect" alt="" coords="735,318,813,339" href="http://www.friendster.com/logout.php ">
<area shape="rect" alt="" coords="610,318,706,338" href="http://www.friendster.com/editaccount.php">
<area shape="rect" alt="" coords="469,318,583,339" href="http://www.friendster.com/messages.php">
<area shape="rect" alt="" coords="358,318,441,339" href="http://www.friendster.com/gallery.php">
<area shape="rect" alt="" coords="244,318,328,339" href="http://www.friendster.com/friends.php">
<area shape="rect" alt="" coords="140,318,214,338" href="http://www.friendster.com/user.php">
<area shape="rect" alt="" coords="47,318,104,339" href="http://www.friendster.com">
</map>
<!-- END EDITING USERID -->
<!-- End ImageReady Slices -->
<!-- EDIT ABOUT ME SECTION -->
<div id="AboutMe">
</div>
<!-- END ABOUT ME -->
<!-- NO NEED TO EDIT COMMENT AUTO CODE -->
<div id="Comments">
</div>
<!-- END COMMENT -->
<!-- PUT FRIENDS PIC URL HERE -->
<div id="Friends">
<marquee direction=left>
<center>
<a href="http://s284.photobucket.com/albums/ll1/Woofstimister/?action=view¤t=UrbanRivalsBlack.jpg" target="_blank"><img src="http://i284.photobucket.com/albums/ll1/Woofstimister/UrbanRivalsBlack.jpg" alt="urban" width="131" border="0"></a>
<a href="http://s284.photobucket.com/albums/ll1/Woofstimister/?action=view¤t=UrbanRivalsBlack.jpg" target="_blank"><img src="http://i284.photobucket.com/albums/ll1/Woofstimister/UrbanRivalsBlack.jpg" alt="urban" width="134" border="0"></a>
<a href="http://s284.photobucket.com/albums/ll1/Woofstimister/?action=view¤t=UrbanRivalsBlack.jpg" target="_blank"><img src="http://i284.photobucket.com/albums/ll1/Woofstimister/UrbanRivalsBlack.jpg" alt="urban" width="134" border="0"></a>
</center>
</marquee>
</div>
<!-- END FRIENDS -->
<!-- PUT PHOTOS URL HERE -->
<div id="Photos">
<marquee direction=left>
<center>
<a href="http://s284.photobucket.com/albums/ll1/Woofstimister/?action=view¤t=UrbanRivalsBlack.jpg" target="_blank"><img src="http://i284.photobucket.com/albums/ll1/Woofstimister/UrbanRivalsBlack.jpg" border="0" alt="urban"></a>
<a href="http://s284.photobucket.com/albums/ll1/Woofstimister/?action=view¤t=UrbanRivalsBlack.jpg" target="_blank"><img src="http://i284.photobucket.com/albums/ll1/Woofstimister/UrbanRivalsBlack.jpg" border="0" alt="urban"></a>
<a href="http://s284.photobucket.com/albums/ll1/Woofstimister/?action=view¤t=UrbanRivalsBlack.jpg" target="_blank"><img src="http://i284.photobucket.com/albums/ll1/Woofstimister/UrbanRivalsBlack.jpg" border="0" alt="urban"></a>
</center>
</marquee>
</div>
<!-- END PHOTOS -->
<!-- PUT Music CODE HERE -->
<div id="MusicBox">
<object width="300" height="80"><param name="movie" value="http://media.imeem.com/m/n_9i27Ri9-"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/m/n_9i27Ri9-" type="application/x-shockwave-flash" width="300" height="110" wmode="transparent"></embed><a href="http://www.imeem.com/nickygreen/music/mt1omu0m/soulja_boy_posted_by_nicky_green_crank_that_soulja_boy/">Crank That (Soulja Boy) - Soulja Boy posted by nicky green</a></object>
</div>
<!-- END MUSIC -->
</body>
</center>
</html>
::Naruto Overlay White Version::
heres the live preview click me
and heres the screeniee
PHEW HERES THE CODE
<html>
<head>
<title>Overlay Naruto White</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:862px;
height:1054px;
z-index:1;
left: 4px;
top: 2px;
overflow: auto;
}
#AboutMe {
position:absolute;
width:313px;
height:416px;
z-index:1;
left: 407px;
top: 238px;
overflow: auto;
}
#Comments {
position:absolute;
width:484px;
height:260px;
z-index:2;
left: 409px;
top: 738px;
overflow: auto;
}
#Friends {
position:absolute;
width:273px;
height:108px;
z-index:3;
left: 96px;
top: 313px;
overflow: hidden;
}
#Photos {
position:absolute;
width:268px;
height:115px;
z-index:4;
left: 96px;
top: 464px;
overflow: hidden;
}
#Mp3Box {
position:absolute;
width:272px;
height:115px;
z-index:5;
left: 22px;
top: 624px;
overflow: auto;
}
#Layer2 {
position:absolute;
width:268px;
height:112px;
z-index:5;
left: -1px;
top: 161px;
}
#Mp3box {
position:absolute;
width:272px;
height:115px;
z-index:5;
left: -3px;
top: 161px;
overflow: auto;
}
-->
</style>
</head>
<center>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="Layer1"> </div>
<!-- ImageReady Slices (Overlay Naruto White.jpg) -->
<img src="http://i25.tinypic.com/1581mkx.jpg" width="867" height="1056" border="0" alt="" usemap="#Overlay_Naruto_White_Map">
<map name="Overlay_Naruto_White_Map">
<area shape="rect" alt="" coords="75,1000,239,1015" href="http://www.friendster.com/41428363">
<area shape="rect" alt="" coords="97,223,225,254" href="http://www.friendster.com/bookmarks.php?action=add&uid=USERID">
<area shape="rect" alt="" coords="97,194,226,223" href="http://www.friendster.com/sendmessage.php?uid=USERID">
<area shape="rect" alt="" coords="108,167,213,194" href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile">
<area shape="rect" alt="" coords="97,138,227,167" href="http://www.friendster.com/publiccomments.php?uid=USERID">
<area shape="rect" alt="" coords="108,111,213,138" href="http://www.friendster.com/friends/USERID">
<area shape="rect" alt="" coords="734,23,789,45" href="http://www.friendster.com/logout.php ">
<area shape="rect" alt="" coords="656,23,726,46" href="http://www.friendster.com/editaccount.php">
<area shape="rect" alt="" coords="564,23,650,47" href="http://www.friendster.com/messages.php">
<area shape="rect" alt="" coords="255,23,314,46" href="http://www.friendster.com/gallery.php">
<area shape="rect" alt="" coords="180,23,249,47" href="http://www.friendster.com/friends.php">
<area shape="rect" alt="" coords="116,23,180,48" href="http://www.friendster.com/user.php">
<area shape="rect" alt="" coords="60,23,116,48" href="http://www.friendster.com/">
</map>
<!-- End ImageReady Slices -->
<!-- EDIT ABOUT ME INFO BELOW -->
<div id="AboutMe"></div>
<!-- END ABOUT ME -->
<!-- NO NEED TO EDIT AUTO COMMENT CODE -->
<div id="Comments">
<div id="content_18" style="overflow:auto; width:auto" align="justify"></div>
<script language="javascript">
module18="yes";
</script>
<DIV id=quickcommentid></DIV>
<SCRIPT language=javascript>
quickcomment="yes";
</SCRIPT>
</DIV>
<style type="text/css">
/** pics **/
.imgblock75 img{
height:100px;
width:100px;
overflow: hidden;
border:#000000 3px solid;
margin: 0 auto;
}
.itd{
vertical-align:top;
}
/** testimonial contents **/
.dtd{
padding-left:10px;
padding-bottom:10px;
margin-bottom:0px;
margin-left: 5px;
margin-right: 5px;
text-align:justify;
font-size: 15px;
color: #FFFFFF!important;
}
/** names **/
.title a:visited, .title a:link{
text-decoration:none;
color:#000000!important;
font-size:20px;
}
.title a:hover{
color:#FFFFFF!important;
text-decoration: none;
font-weight: bold;
}
/** view all and add a testimonial links **/
.viewall a{
font-size: 15px;
color: #000000 !important;
text-decoration: none;
padding: 2px;
}
.viewall a:hover{
text-decoration: none;
color:#FFFFFF!important;
font-weight: bold;
}
.viewall{
text-align:center!important;
}
h2{
display:none;
}
.data li{
list-style-type:none;
}
.data{
padding:0;
margin:0;
}
</style>
</div>
<!-- END COMMENT CODE -->
<!-- PUT FRIEND PICS URL HERE -->
<div id="Friends">
<marquee direction=left>
<center>
<a href="http://s212.photobucket.com/albums/cc32/hardcore-kitty-cat/?action=view¤t=Akatsuki.jpg" target="_blank"><img src="http://i212.photobucket.com/albums/cc32/hardcore-kitty-cat/Akatsuki.jpg" border="0" alt="Akatsuki Icon"></a>
<a href="http://s212.photobucket.com/albums/cc32/hardcore-kitty-cat/?action=view¤t=Akatsuki.jpg" target="_blank"><img src="http://i212.photobucket.com/albums/cc32/hardcore-kitty-cat/Akatsuki.jpg" border="0" alt="Akatsuki Icon"></a>
<a href="http://s212.photobucket.com/albums/cc32/hardcore-kitty-cat/?action=view¤t=Akatsuki.jpg" target="_blank"><img src="http://i212.photobucket.com/albums/cc32/hardcore-kitty-cat/Akatsuki.jpg" border="0" alt="Akatsuki Icon"></a>
</center>
</marquee>
</div>
<!-- PUT PHOTOS URL HERE -->
<div id="Photos">
<marquee direction=left>
<center>
<a href="http://s212.photobucket.com/albums/cc32/hardcore-kitty-cat/?action=view¤t=Akatsuki.jpg" target="_blank"><img src="http://i212.photobucket.com/albums/cc32/hardcore-kitty-cat/Akatsuki.jpg" border="0" alt="Akatsuki Icon"></a>
<a href="http://s212.photobucket.com/albums/cc32/hardcore-kitty-cat/?action=view¤t=Akatsuki.jpg" target="_blank"><img src="http://i212.photobucket.com/albums/cc32/hardcore-kitty-cat/Akatsuki.jpg" border="0" alt="Akatsuki Icon"></a>
<a href="http://s212.photobucket.com/albums/cc32/hardcore-kitty-cat/?action=view¤t=Akatsuki.jpg" target="_blank"><img src="http://i212.photobucket.com/albums/cc32/hardcore-kitty-cat/Akatsuki.jpg" border="0" alt="Akatsuki Icon"></a>
</center>
</marquee>
<!-- END PHOTOS -->
<!-- PUT Mp3 CODE HERE -->
<div id="Mp3box">
<object width="300" height="80"><param name="movie" value="http://media.imeem.com/m/NJFWoBRmg9"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/m/NJFWoBRmg9" type="application/x-shockwave-flash" width="300" height="110" wmode="transparent"></embed><a href="http://www.imeem.com/people/29a4Dv/music/qjSSCQxD/akatsuki_thememp3/">Akatsuki Theme.mp3 - </a></object>
</div>
<!-- END MP3 CODE -->
</div>
</body>
</center>
</html>
Overlay Film pink!
here the live preview
http://h1.ripway.com/RoadRockeR19/OverlayFilmpink2.html
heres the screenshot
lalalala heres the codes
<html>
<head>
<title>Layout By BiLLy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:863px;
height:1268px;
z-index:1;
left: -1px;
top: 2px;
overflow: auto;
}
#AboutMe {
position:absolute;
width:614px;
height:248px;
z-index:2;
left: 105px;
top: 262px;
overflow: auto;
}
#Comments {
position:absolute;
width:610px;
height:232px;
z-index:3;
left: 87px;
top: 878px;
overflow: auto;
}
#MusicBox {
position:absolute;
width:298px;
height:115px;
z-index:4;
left: 400px;
top: 1150px;
overflow: auto;
}
#Photos {
position:absolute;
width:220px;
height:106px;
z-index:5;
left: 364px;
top: 545px;
overflow: hidden;
}
#Friends {
position:absolute;
width:239px;
height:115px;
z-index:6;
left: 346px;
top: 667px;
overflow: hidden;
}
-->
</style>
</head>
<center>
<body bgcolor="#ee22ee" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="Layer1"></div>
<!-- ImageReady Slices (background2.JPG) -->
<!-- START REPLACING THE USERID WITH UR USERID -->
<img src="http://i26.tinypic.com/9j3uig.jpg" width="867" height="1268" border="0" alt="" usemap="#background2_Map">
<map name="background2_Map">
<area shape="rect" alt="" coords="760,446,846,465" href="http://www.friendster.com/41428363">
<area shape="rect" alt="" coords="749,360,853,376" href="http://www.friendster.com/publiccomments.php?uid=USERID">
<area shape="rect" alt="" coords="749,336,853,352" href="http://www.friendster.com/friends/USERID">
<area shape="rect" alt="" coords="749,309,849,331" href="http://www.friendster.com/photos/USERID ">
<area shape="rect" alt="" coords="749,292,847,309" href="http://www.friendster.com/bookmarks.php?action=add&uid=USERID">
<area shape="rect" alt="" coords="760,271,847,283" href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile">
<area shape="rect" alt="" coords="749,242,848,262" href="http://www.friendster.com/sendmessage.php?uid=USERID">
<area shape="rect" alt="" coords="749,225,849,242" href="http://www.friendster.com/publiccomments.php?uid=USERID">
<area shape="rect" alt="" coords="749,199,850,217" href="http://www.friendster.com/addfriendrequest.php?uid=USERID">
<area shape="rect" alt="" coords="595,65,649,81" href="http://www.friendster.com/logout.php ">
<area shape="rect" alt="" coords="516,65,584,81" href="http://www.friendster.com/editaccount.php">
<area shape="rect" alt="" coords="427,65,506,82" href="http://www.friendster.com/messages.php">
<area shape="rect" alt="" coords="361,65,418,83" href="http://www.friendster.com/gallery.php">
<area shape="rect" alt="" coords="292,65,353,83" href="http://www.friendster.com/friends.php">
<area shape="rect" alt="" coords="227,65,281,84" href="http://www.friendster.com/user.php">
<area shape="rect" alt="" coords="170,65,220,85" href="http://www.friendster.com/">
</map>
<!-- END USERID EDITING HERE -->
<!-- End ImageReady Slices -->
<!-- EDIT ABOUT ME CODES BELOW -->
<div id="AboutMe">
</div>
<!-- END ABOUT ME -->
<!-- NO NEED TO EDIT COMMENT CODES BELOW -->
<div id="Comments">
<div id="content_18" style="overflow:auto; width:auto" align="justify"></div>
<script language="javascript">
module18="yes";
</script>
<DIV id=quickcommentid></DIV>
<SCRIPT language=javascript>
quickcomment="yes";
</SCRIPT>
</DIV>
<style type="text/css">
/** pics **/
.imgblock75 img{
height:100px;
width:100px;
overflow: hidden;
border:#000000 3px solid;
margin: 0 auto;
}
.itd{
vertical-align:top;
}
/** testimonial contents **/
.dtd{
padding-left:10px;
padding-bottom:10px;
margin-bottom:0px;
margin-left: 5px;
margin-right: 5px;
text-align:justify;
font-size: 15px;
color: #FFFFFF!important;
}
/** names **/
.title a:visited, .title a:link{
text-decoration:none;
color:#000000!important;
font-size:20px;
}
.title a:hover{
color:#FFFFFF!important;
text-decoration: none;
font-weight: bold;
}
/** view all and add a testimonial links **/
.viewall a{
font-size: 15px;
color: #000000 !important;
text-decoration: none;
padding: 2px;
}
.viewall a:hover{
text-decoration: none;
color:#FFFFFF!important;
font-weight: bold;
}
.viewall{
text-align:center!important;
}
h2{
display:none;
}
.data li{
list-style-type:none;
}
.data{
padding:0;
margin:0;
}
</style>
</div>
<!-- END COMMENTS -->
<!-- PUT UR MUSIC CODES BELOW -->
<div id="MusicBox">
<object width="300" height="80"><param name="movie" value="http://media.imeem.com/m/5_bKm4poZM"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/m/5_bKm4poZM" type="application/x-shockwave-flash" width="300" height="110" wmode="transparent"></embed><a href="http://www.imeem.com/people/gJaP7/music/j_LIS6B9/avril_lavigne_girlfriend_acoustic/">Girlfriend (acoustic) - Avril Lavigne</a></object>
</div>
<!-- END MUSIC CODE -->
<!-- PUT YOUR PHOTOS URL HERE -->
<div id="Photos">
<marquee direction=right>
<center>
<a href="http://s133.photobucket.com/albums/q64/missmatisse13/?action=view¤t=pink.gif" target="_blank"><img src="http://i133.photobucket.com/albums/q64/missmatisse13/pink.gif" border="0" alt="pink"></a>
<a href="http://s133.photobucket.com/albums/q64/missmatisse13/?action=view¤t=pink.gif" target="_blank"><img src="http://i133.photobucket.com/albums/q64/missmatisse13/pink.gif" border="0" alt="pink"></a>
</center>
</marquee>
</div>
<!-- END PHOTOS -->
<!-- PUT FRIENDS PHOTO URL HEREE -->
<div id="Friends">
<marquee direction=right>
<center>
<a href="http://s133.photobucket.com/albums/q64/missmatisse13/?action=view¤t=pink.gif" target="_blank"><img src="http://i133.photobucket.com/albums/q64/missmatisse13/pink.gif" border="0" alt="pink"></a>
<a href="http://s133.photobucket.com/albums/q64/missmatisse13/?action=view¤t=pink.gif" target="_blank"><img src="http://i133.photobucket.com/albums/q64/missmatisse13/pink.gif" border="0" alt="pink"></a>
</center>
</marquee>
</div>
</table>
</body>
</center>
</html>
im back with my new layie ahehehehe
heres the screenshot
here the [Live Preview click me
and last the
<html>
<head>
<title>Cloud Strife Layout By:BiLLy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:867px;
height:764px;
z-index:1;
overflow: auto;
}
#Aboutme {
position:absolute;
width:281px;
height:376px;
z-index:2;
left: 604px;
top: 99px;
overflow: auto;
}
#Comments {
position:absolute;
width:481px;
height:248px;
z-index:3;
left: -500px;
top: 280px;
overflow: auto;
}
#MusicBox {
position:absolute;
width:281px;
height:115px;
z-index:4;
left: 607px;
top: 523px;
overflow: auto;
}
#Photos {
position:absolute;
width:271px;
height:93px;
z-index:5;
left: 313px;
top: 73px;
overflow: hidden;
}
-->
</style>
</head>
<center>
<body bgcolor="blue" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="Layer1"></div>
<!-- ImageReady Slices (background2.JPG) -->
<!-- IMPORTANT!!!EDIT THE USERID WITH UR OWN USERID -->
<img src="http://i26.tinypic.com/210xfub.jpg" width="867" height="767" border="0" alt="" usemap="#background2_Map">
<map name="background2_Map">
<area shape="rect" alt="" coords="286,691,546,705" href="http://www.friendster.com/41428363">
<area shape="rect" alt="" coords="42,214,198,235" href="http://www.friendster.com/bookmarks.php?action=add&uid=USERID">
<area shape="rect" alt="" coords="50,185,194,213" href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile">
<area shape="rect" alt="" coords="42,155,199,183" href="http://www.friendster.com/sendmessage.php?uid=USERID">
<area shape="rect" alt="" coords="32,126,207,153" href="http://www.friendster.com/publiccomments.php?uid=USERID">
<area shape="rect" alt="" coords="42,94,195,125" href="http://www.friendster.com/addfriendrequest.php?uid=USERID">
<area shape="rect" alt="" coords="747,29,820,50" href="http://www.friendster.com/logout.php ">
<area shape="rect" alt="" coords="624,29,723,46" href="http://www.friendster.com/messages.php">
<area shape="rect" alt="" coords="512,29,599,51" href="http://www.friendster.com/editaccount.php">
<area shape="rect" alt="" coords="308,29,384,46" href="http://www.friendster.com/gallery.php">
<area shape="rect" alt="" coords="211,29,286,46" href="http://www.friendster.com/friends.php">
<area shape="rect" alt="" coords="118,29,186,47" href="http://www.friendster.com/user.php">
<area shape="rect" alt="" coords="31,29,96,52" href="http://www.friendster.com/">
</map>
<!-- END OF USER ID EDITING -->
<!-- End ImageReady Slices -->
<!-- EDIT THE ABOUT ME CODES BELOW!!! -->
<div id="Aboutme">
<BR>Name:BiLLy jAmes Labay
<BR>Age:12
<BR>Gender:M
<BR>Locatiom:Philippines
<BR>Hometown:Philippines
</div>
<!-- END ABOUT ME -->
<!-- NO NEED TO EDIT COMMENT CODES BELOW -->
<div id="Comments">
</div>
<!-- END COMMENTS -->
<!-- PUT MUSIC CODE BELOW -->
<div id="MusicBox">
</div>
<!-- END MUSIC BOX -->
<!-- PUT UR PHOTOS URL HERE -->
<div id="Photos">
<marquee direction=right>
<center>
<a href="http://s251.photobucket.com/albums/gg296/kadajsouba_2007/?action=view¤t=_cloud.jpg" target="_blank"><img src="http://i251.photobucket.com/albums/gg296/kadajsouba_2007/_cloud.jpg" border="0" alt="Cloud_Strife"></a>
<a href="http://s251.photobucket.com/albums/gg296/kadajsouba_2007/?action=view¤t=_cloud.jpg" target="_blank"><img src="http://i251.photobucket.com/albums/gg296/kadajsouba_2007/_cloud.jpg" border="0" alt="Cloud_Strife"></a>
<a href="http://s251.photobucket.com/albums/gg296/kadajsouba_2007/?action=view¤t=_cloud.jpg" target="_blank"><img src="http://i251.photobucket.com/albums/gg296/kadajsouba_2007/_cloud.jpg" border="0" alt="Cloud_Strife"></a>
<a href="http://s251.photobucket.com/albums/gg296/kadajsouba_2007/?action=view¤t=_cloud.jpg" target="_blank"><img src="http://i251.photobucket.com/albums/gg296/kadajsouba_2007/_cloud.jpg" border="0" alt="Cloud_Strife"></a>
</center>
</marquee>
</div>
<!-- END PHOTOS -->
</body>
</center>
</html>
ehehe watch out for moreeee

Comments are appreciated and ++rep are MUCH MUCH MORE APPRECIATED

NOTE:If u want to use my layouts copy the codes in notepad and edit the parts that needs to be edit and after that go to www.markyctrigger.com and select the OGstandard Version 11.0
and click generate then copy the codes in ur media box located in editskin
NOTE:if the layout out does not appear hit f5 in ur keyboard or relogged ur fs account
RoadRockeR19 
Last edited by RoadRockeR19 (2008-05-25 11:49:48)
-Offline- |

wow.,.,!!
sooo cool.,.,!!
hope i can do that too.,,!!
great job bro
wer r u my prince?-Offline- |

michelle_dedumo wrote:
wow.,.,!!
sooo cool.,.,!!
hope i can do that too.,,!!
great job bro
tnx michelle and tnx for the rep
Last edited by RoadRockeR19 (2008-05-22 05:03:09)
-Offline- |

kewl bro! I love the first one! It's in css??wow kewl..! the codes i'ved seen in overlays are with html,head,body etc..unoque code..
how do you do that! make more! 
![]()
-Offline- |

-Offline- |

tnx guys
-Offline- |


sir NOSIOJ tnx for the ++rep
-Offline- |

great overlay layout...specially the first one...keep them coming... 


-Offline- |

Nice compilations. I kinda like your concepts especially using translucency.
-Offline- |

-Offline- |

you are really owing...make some more...share your works cos they really rock... 



-Offline- |

wow..
i love your lays..
you're so patient in doing those right? 
you're really good in it..! nice job.. 

ahaha! wow billy! thanks for sharing! I really love it! can you make one for me?
nah kidding..I know yer busy..
-Offline- |

nice bro! ![]()
laymakers society rules!

-Offline- |

thank you guys note:++repu is SOOO APPRECIATED
just kiddin
-Offline- |

i already gave u one! u didn't hit back! 

-Offline- |

wat ??? i cant maybe later when i got 100posts...cuz newbies cant give repss
-Offline- |