Friendster Overlay Tutorial, Codes and Tweaks: Death Note

Code: Copy the code below

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>~ - DEATHNOTE - ~</title> <meta 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">  <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>  </div> <div style="position: absolute; top: 825; left: 424; width: 150; height: 150;">  <script language="javascript"> automainphoto="yes" </script> <div id="automainphotoid"></div>  </div> <div style="position: absolute; top: 825; left: 678; width: 200; height: 150; overflow: auto;" class="text">  <span style="color:cecece;"><b>Name : </b></span>Ur Name<br /> <span style="color:cecece;"><b>Age : </b></span>Ur Age<br /> <span style="color:cecece;"><b>Gender : </b></span>Ur Gender<br /> <span style="color:cecece;"><b>Location : </b></span>Ur location<br /> <span style="color:cecece;"><b>Birthday : </b></span>Ur birthday<br /> <span style="color:cecece;"><b>School : </b></span>Ur School<br /> <span style="color:cecece;"><b>Course : </b></span>Ur Course<br />  </div>   <div style="position: absolute; top: 1095; left: 120; width: 453; height: 300; overflow: auto;" class="text">  <center><textarea cols="40" rows="15"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>~ - DEATHNOTE - ~</title> <meta 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">  <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>  </div> <div style="position: absolute; top: 825; left: 424; width: 150; height: 150;">  <script language="javascript"> automainphoto="yes" </script> <div id="automainphotoid"></div>  </div> <div style="position: absolute; top: 825; left: 678; width: 200; height: 150; overflow: auto;" class="text">  <span style="color:cecece;"><b>Name : </b></span>Ur Name<br /> <span style="color:cecece;"><b>Age : </b></span>Ur Age<br /> <span style="color:cecece;"><b>Gender : </b></span>Ur Gender<br /> <span style="color:cecece;"><b>Location : </b></span>Ur location<br /> <span style="color:cecece;"><b>Birthday : </b></span>Ur birthday<br /> <span style="color:cecece;"><b>School : </b></span>Ur School<br /> <span style="color:cecece;"><b>Course : </b></span>Ur Course<br />  </div>   <div style="position: absolute; top: 1095; left: 120; width: 453; height: 300; overflow: auto;" class="text">  TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT  </div>  <div style="position: absolute; top: 1095; left: 678; width: 200; height: 300; overflow: auto;">  <div id="content_2"></div> <script language="javascript"> module2="yes"; </script>  </div> <div style="position: absolute; top: 1523; left: 120; width: 765; height: 424;">  <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>  </div> <div style="position: absolute; top: 2100; left: 120; width: 453; height: 300; overflow: auto;">  <div id="content_18"></div> <script language="javascript"> module18="yes"; </script>  </div> <div style="position: absolute; top: 2100; left: 678; width: 200; height: 300; ">  <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>  </div>  <div style="position: absolute; top: 2550; left: 120; width: 765; height: 80;" class="text">  <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>  </body> </html>

-vtugz- -codedspirit- -markyctrigger- -Fileden- -deviant art- -free web town-
-vtugz- -codedspirit- -markyctrigger- -Fileden- -deviant art- -free web town-

Links

reminders before using the layouts:

Wednesday, January 16, 2008

Death Note

0 comments:

reminders before using the layouts