Friendster Overlay Tutorial, Codes and Tweaks: Goth

Code: Copy the code below

<html> <head> <title>EDIT EDIT EDIT</title> <style type="text/css">td img {display: block;}</style> <style type="text/css"> /** pics **/ .imgblock75 img{ height:60px; width:60px; overflow: hidden; border:#80736C 1px solid; margin: 0 auto; } .imgblock75 a:hover img { border:#B4ADA5 1px solid; } .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; text-decoration:none; color:#B4ADA5!important; font-size:10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; } /** names **/ .title a:visited, .title a:link{ text-decoration:none; color:#80736C!important; font-size:10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .title a:hover{ color:#80736C!important; text-decoration: none; font-weight:bold; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; } /** view all and add a testimonial links **/ .viewall a{ font-size: 11px; color: #FFFFFF!important; text-decoration: none; font-size:10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .viewall a:hover{ font-size:10px; text-decoration: none; color:#FFFFFF!important; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .viewall{ font-size:10px; text-decoration: none; color:#80736C!important; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } h2{ display:none; } .data li{ list-style-type:none; } .data{ padding:0; margin:0; } </style>  <style type="text/css"> /** images **/ .ir img { height:100px; width:100px; border:#80736C 1px solid; } .ir a:hover img { border:#FFFFFF 0px solid; } /** caption **/ .dr a { font-size: 12px; text-align: center; text-decoration: none; font-weight:bold; color:#80736C; font-family:Verdana, Arial, Helvetica, sans-serif; } .dr a:hover { font-weight: bold; } .flogriditem { padding-bottom: 5px; padding-top: 5px; } </style>    <style type="text/css"> .cboxButtons { background-color: #000000; border-color: #80736C; color: #80736C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } .cboxMsgArea { padding:2px 2px 2px 2px; width:230px; height:30px; background-color: #000000; border: #80736C 1px solid; color: #80736C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;} </style>  <style> #automainphotoid img { width:100px;height:100px; border:#80736C 1px solid; } #FAlinkid img { border: #191919 0px solid; } </style> <style type="text/css"> BODY { scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #7C756D; scrollbar-darkshadow-color: #7C756D; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #7C756D; scrollbar-track-color: #000000; color:#999999; border-style:solid; border-left-width:0px; border-right-width:0px; border-color:#000000; background-color: #000000; } .style16 {color: #990099; size: 10} .style22 {font-family: verdana} .style26 {font-size: 10px} .style26 {font-size: 10px} .style27 {font-size: 12px} .style27 { font-size: 12px; color: #B4ADA5; } .style29 {color: #FF0000} .style29 {color: #FF0000} .style35 {color: #FFCE84; text-decoration: none; } .style35 {color: #FFCE84; text-decoration: none; } .style45 {color: #FFCE84} .style45 {color: #B4ADA5} .style47 {color: #FFCE84; font-size: 12px; } .style47 {color: #FFCE84; font-size: 12px; } .style48 {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10px; } .style48 { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10px; } .style85 {color: #80736C} .style87 { color: #2A1E12; font-size: 12px; } .style25 {color: #FF9900; font-size: 10px; font-family: verdana; text-decoration: none; } .style25 {color: #FFCE84; font-size: 10px; font-family: verdana; text-decoration: none; } .style41 {color: #553300; } .style90 {color: #80736C} .style91 {color: #B4ADA5} .style92 {text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} #AUSOid { font-family:"Verdana"; font-size:12px; color:#000000; text-decoration: blink; } #AUSOid { font-family:"Verdana"; font-size:12px; color:#B4ADA5; text-decoration: blink; } .style1 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #B4ADA5; font-size: 12px; } --> </style> </head> <body bgcolor="#000000"> <div id="Background" style="position:absolute; overflow:hidden; left:0; top:0; width:1002; height:602px; z-index:0;"> <table border="0" cellpadding="0" cellspacing="0" width="1000">  <tr> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="226" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="66" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="66" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="7" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="62" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="61" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="63" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="56" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="31" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="38" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="77" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="247" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td rowspan="3"><img name="untitled2_r1_c1" src="http://www.freewebtown.com/goth0114/untitled2_r1_c1.gif" width="226" height="292" border="0" id="untitled2_r1_c1" alt="" /></td> <td colspan="10"><img name="untitled2_r1_c2" src="http://www.freewebtown.com/goth0114/untitled2_r1_c2.gif" width="527" height="43" border="0" id="untitled2_r1_c2" alt="" /></td> <td rowspan="3"><img name="untitled2_r1_c12" src="http://www.freewebtown.com/goth0114/untitled2_r1_c12.gif" width="247" height="292" border="0" id="untitled2_r1_c12" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="43" border="0" alt="" /></td> </tr> <tr> <td><a href="http://www.friendster.com/"><img name="untitled2_r2_c2" src="http://www.freewebtown.com/goth0114/untitled2_r2_c2.gif" width="66" height="27" border="0" id="untitled2_r2_c2" alt="" /></a></td> <td><a href="http://www.friendster.com/user.php"><img name="untitled2_r2_c3" src="http://www.freewebtown.com/goth0114/untitled2_r2_c3.gif" width="66" height="27" border="0" id="untitled2_r2_c3" alt="" /></a></td> <td colspan="2"><a href="http://www.friendster.com/friends.php"><img name="untitled2_r2_c4" src="http://www.freewebtown.com/goth0114/untitled2_r2_c4.gif" width="69" height="27" border="0" id="untitled2_r2_c4" alt="" /></a></td> <td><a href="http://mobs.friendster.com/"><img name="untitled2_r2_c6" src="http://www.freewebtown.com/goth0114/untitled2_r2_c6.gif" width="61" height="27" border="0" id="untitled2_r2_c6" alt="" /></a></td> <td><a href="http://www.friendster.com/gallery.php"><img name="untitled2_r2_c7" src="http://www.freewebtown.com/goth0114/untitled2_r2_c7.gif" width="63" height="27" border="0" id="untitled2_r2_c7" alt="" /></a></td> <td><a href="http://www.friendster.com/blogs.php"><img name="untitled2_r2_c8" src="http://www.freewebtown.com/goth0114/untitled2_r2_c8.gif" width="56" height="27" border="0" id="untitled2_r2_c8" alt="" /></a></td> <td colspan="2"><a href="http://www.friendster.com/group/mygroup.php"><img name="untitled2_r2_c9" src="http://www.freewebtown.com/goth0114/untitled2_r2_c9.gif" width="69" height="27" border="0" id="untitled2_r2_c9" alt="" /></a></td> <td><a href="http://www.friendster.com/logout.php"><img name="untitled2_r2_c11" src="http://www.freewebtown.com/goth0114/untitled2_r2_c11.gif" width="77" height="27" border="0" id="untitled2_r2_c11" alt="" /></a></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="27" border="0" alt="" /></td> </tr> <tr> <td rowspan="2" colspan="10"><img name="untitled2_r3_c2" src="http://www.freewebtown.com/goth0114/untitled2_r3_c2.gif" width="527" height="427" border="0" id="untitled2_r3_c2" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="222" border="0" alt="" /></td> </tr> <tr> <td rowspan="3"><img name="untitled2_r4_c1" src="http://www.freewebtown.com/goth0114/untitled2_r4_c1.gif" width="226" height="308" border="0" id="untitled2_r4_c1" alt="" /></td> <td rowspan="3"><img name="untitled2_r4_c12" src="http://www.freewebtown.com/goth0114/untitled2_r4_c12.gif" width="247" height="308" border="0" id="untitled2_r4_c12" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="205" border="0" alt="" /></td> </tr> <tr>    <td colspan="3"><img name="untitled2_r5_c2" src="http://www.freewebtown.com/goth0114/untitled2_r5_c2.gif" width="139" height="23" border="0" id="untitled2_r5_c2" alt="" /></td> <td colspan="2"><a href="http://www.friendster.com/sendmessage.php?uid=3989716"><img name="untitled2_r5_c5" src="http://www.freewebtown.com/goth0114/untitled2_r5_c5.gif" width="123" height="23" border="0" id="untitled2_r5_c5" alt="" /></a></td> <td colspan="3"><a href="http://www.friendster.com/testimonials.php?action=add&uid=3989716"><img name="untitled2_r5_c7" src="http://www.freewebtown.com/goth0114/untitled2_r5_c7.gif" width="150" height="23" border="0" id="untitled2_r5_c7" alt="" /></a></td> <td colspan="2"><a href="http://www.friendster.com/sendmessage.php?uid=3989716&action=sendsmile"><img name="untitled2_r5_c10" src="http://www.freewebtown.com/goth0114/untitled2_r5_c10.gif" width="115" height="23" border="0" id="untitled2_r5_c10" alt="" /></a></td>  <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="23" border="0" alt="" /></td> </tr> <tr> <td colspan="10"><img name="untitled2_r6_c2" src="http://www.freewebtown.com/goth0114/untitled2_r6_c2.gif" width="527" height="80" border="0" id="untitled2_r6_c2" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="80" border="0" alt="" /></td> </tr> </table> <div id="mianDIV" style="position:absolute; overflow:auto; left:237px; top:71px; width:515px; height:424px; z-index:1; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;"> <div id="Scroll" style="position:absolute; overflow:hidden; left:1; top:1px; width:1430px; height:402px; z-index:3;filter:Chroma(Color=#333333)"> <table border="0" cellpadding="0" cellspacing="0" width="1430">  <tr> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="259" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="254" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="917" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td rowspan="2"><img name="untitled_r1_c1" src="http://www.freewebtown.com/goth0114/untitled_r1_c1.gif" width="259" height="182" border="0" id="untitled_r1_c1" alt="" /></td> <td rowspan="2"><img name="untitled_r1_c2" src="http://www.freewebtown.com/goth0114/untitled_r1_c2.gif" width="254" height="182" border="0" id="untitled_r1_c2" alt="" /></td> <td><img name="untitled_r1_c3" src="http://www.freewebtown.com/goth0114/untitled_r1_c3.gif" width="917" height="81" border="0" id="untitled_r1_c3" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="81" border="0" alt="" /></td> </tr> <tr> <td><img name="untitled_r2_c3" src="http://www.freewebtown.com/goth0114/untitled_r2_c3.gif" width="917" height="101" border="0" id="untitled_r2_c3" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="101" border="0" alt="" /></td> </tr> <tr> <td rowspan="3"><img name="untitled_r3_c1" src="http://www.freewebtown.com/goth0114/untitled_r3_c1.gif" width="259" height="220" border="0" id="untitled_r3_c1" alt="" /></td> <td rowspan="3"><img name="untitled_r3_c2" src="http://www.freewebtown.com/goth0114/untitled_r3_c2.gif" width="254" height="220" border="0" id="untitled_r3_c2" alt="" /></td> <td><img name="untitled_r3_c3" src="http://www.freewebtown.com/goth0114/untitled_r3_c3.gif" width="917" height="76" border="0" id="untitled_r3_c3" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="76" border="0" alt="" /></td> </tr> <tr> <td><img name="untitled_r4_c3" src="http://www.freewebtown.com/goth0114/untitled_r4_c3.gif" width="917" height="75" border="0" id="untitled_r4_c3" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="75" border="0" alt="" /></td> </tr> <tr> <td><img name="untitled_r5_c3" src="http://www.freewebtown.com/goth0114/untitled_r5_c3.gif" width="917" height="69" border="0" id="untitled_r5_c3" alt="" /></td> <td><img src="http://www.freewebtown.com/goth0114/spacer.gif" width="1" height="69" border="0" alt="" /></td> </tr> </table> </div>    <div id="Friends" style="position:absolute; overflow:auto; left:992px; top:35px; width:160px; height:154px; z-index:39" align="center"> <div id="content_2"></div> <script language="javascript"> module2="yes"; </script> </div>    <div id="Layer5" style="position:absolute; overflow:auto; left:694px; top:35px; width:284px; height:128px; z-index:32;filter:Chroma(Color=#333333)"> <p class="style26"> <span class="style16 style22 style23 style27"> <br /> <span class="style16 style29"> <span class="style35 style90"> Name: </span><span class="style23 style91">EDIT EDIT EDIT</span><br /> <span class="style35 style90"> Age:</span> <span class="style23 style45">EDIT EDIT EDIT</span><br /> <span class="style35 style85"> Gender:</span> <span class="style23 style45">EDIT EDIT EDIT</span><br /> <span class="style35 style85"> Status: </span></span><span class="style45">EDIT EDIT EDIT </span><br /> <span class="style35 style85"> Location:</span><span class="style45"> EDIT EDIT EDIT</span><br /> <span class="style35 style85"> Hometown: </span><span class="style45">EDIT EDIT EDIT</span> </span></span><br /> </p> <p class="style26"><span class="style47"><span class="style90"><br /> <span class="style92"> Schools (Other):</span></span><span class="style48"><span class="style27"><br /> EDIT EDIT EDIT EDIT EDIT EDIT<br /> <br /> <span class="style85">Occupation:</span><br /> EDIT EDIT EDIT EDIT EDIT EDIT<br /> <br /> <span class="style85">Affilations:</span><br /> EDIT EDIT EDIT EDIT EDIT EDIT<br /> <br /> <span class="style85">Companies:</span></span> <span class="style27"><br /> EDIT EDIT EDIT EDIT EDIT EDIT<br /> <span class="style85"><br /> Hobbies and Inter</span></span><span class="style87">est:</span><span class="style27"><br /> EDIT EDIT EDIT EDIT EDIT EDIT<br /> <span class="style85"><br /> Favorite Books:</span><br /> EDIT EDIT EDIT EDIT EDIT EDIT<br /> <br /> <span class="style85">Favorite Music:</span><br /> EDIT EDIT EDIT EDIT EDIT EDIT<br /> <br /> <span class="style85">Favorite Movies:</span><br /> EDIT EDIT EDIT EDIT EDIT EDIT<br /> <br /> <span class="style85">Favorite TV Shows:</span><br /> EDIT EDIT EDIT EDIT EDIT EDIT<br /> <br /> <span class="style85">About me:</span><br /> EDIT EDIT EDIT EDIT EDIT EDIT<br /> <br /> <br /> <span class="style85">Who I want to meet:</span> <br /> EDIT EDIT EDIT EDIT EDIT EDIT</span></span></span></p> </div> <div id="Testimonial Area" style="position:absolute; overflow:auto; left:527px; top:195px; width:451px; height:197px; z-index:40 filter:Chroma(Color=#333333); z-index: 60;"> <div id="content_18"></div> <script language="javascript"> module18="yes"; </script> </div>    <div id="automainphoto" style="position:absolute; overflow:auto; left:547px; top:45px; width:134px; height:130px; z-index:19"> <script language="JavaScript" type="text/javascript"> automainphoto="yes" </script> <div id="automainphotoid" style="height:100px;width:100px"></div> </div>    <div id="MY MP3 PLAYER" style="position: absolute; width: 184px; height: 77px; z-index: 3; left:979px; top:252px; overflow: hidden"> <center> <embed src="http://www.myflashfetish.com/minime.swf?myid=1077157&mycolor=0x0&mycolor2=0x0&mycolor3=0xff9900&rand=1" menu="false" quality="best" scale="noscale" bgcolor="#ffffff" wmode="transparent" width="160" height="68" name="MyFlashFetish.com" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> </center> </div>     <div id="layer3" style="position: absolute; width: 235px; height: 83px; z-index: 3; left:1170px; top:285px; overflow: hidden; filter:Chroma(Color=#333333);"> <iframe frameborder="0" width="230" height="74" src="http://www2.cbox.ws/box/?boxid=1446469&boxtag=4501&sec=main" marginheight="2" marginwidth="2" scrolling="Auto" allowtransparency="yes" name="cboxmainche" style="border: 0px solid;" id="cboxmainche"></iframe> <br /> <script language="javascript"> boxid=1446469; boxtag=4501; wvcbox="yes"; wvcboxmodule="pst"; </script> <div id="wvcboxel" style="display:none"></div> </div>     <div id="MessageBox" style="position: absolute; width: 268px; height: 215px; z-index: 3; left:1150px; top:38px; overflow: hidden;filter:Chroma(Color=#333333)"> <table border="0" cellpadding="0" cellspacing="0" summary="cbox tagboard" align="center"> <tr> <td align="center"><iframe frameborder="0" width="230" height="160" src="http://www2.cbox.ws/box/?boxid=1446468&boxtag=9142&sec=main" marginheight="2" marginwidth="2" scrolling="Auto" allowtransparency="yes" name="seebox" style="border: #990099 0px solid;" id="seebox"></iframe></td> </tr> <tr> <td align="center"><div id="cboxap"></div></td> </tr> </table> <script language="javascript"> capboxid=1446468; capboxtag=9142; capmodule="pst"; cap="activate"; </script> </div>    <div id="weeeee" style=" width:137px; height:25px;z-index:91;overflow:hidden; color:#CCCCCC; position:absolute; top:15px; left:529px"> <marquee scrollamount="2" scrolldelay="1" direction="left" onmouseout="scrollAmount=2" onmouseover="this.scrollAmount=1;" height="38" width="137"> <script language="JavaScript" type="text/javascript"> AUSO="yes"; </script> <div id="AUSOid"></div> </marquee> </div>    <div id="layer" style=" width:338px; height:23px;z-index:91;overflow:hidden; color:#CCCCCC; position:absolute; top:376px; left:1061px"> <marquee scrollamount="2" scrolldelay="1" direction="left" onmouseout="scrollAmount=2" onmouseover="this.scrollAmount=1;" height="38" width="338"> <span class="style1"> www.markyctrigger.com, www.freewebtown.com, www.cbox.ws, and kittynn -chino</span> </marquee> </div> </div> </div>  <div id="layer2" style="position: absolute; left:226px;top:500px;width:146px;height:29px;z-index:99;overflow: hidden"> <script language="javascript"> FAlink="yes"; FAucode="<img src="'http://www.freewebtown.com/goth0114/untitled2_r5_c2.gif'" />"; </script> <div id="FAlinkid"></div> </div>  <div class="style41" id="FriendsterLinks" style="position:absolute; overflow:hidden; left:219px; top:560px; width:550px; height:39px; z-index:36;"> <div align="center"> <pre class="style25"><a href="http://www.friendster.com/info/index.php?statpos=footer" class="style35">About Us</a> | <a href="http://www.friendster.com/info/contacts.php?statpos=footer" class="style35">Contact Us</a> | <a href="http://classifieds.friendster.com/us/ListAds/Event/" class="style35">Events</a> | <a href="http://www.friendster.com/affiliate.php?statpos=footer" class="style35">Promote My Profile </a>| <a href="http://www.friendster.com/custhelp.php?statpos=footer" class="style35">Help</a> | <a href="http://www.friendster.com/info/tos.php?statpos=footer" class="style35">Terms of Service</a> | <a href="http://www.friendster.com/info/privacy.php?statpos=footer" class="style35">Privacy Policy</a> Copyright 2002-2006 Friendster, Inc. All rights reserved. U.S. Patent No. 7,069,308 </pre> </div> </div> </body> </html>

5 comments:

Anonymous said...: kuya reborn..helo po..
ahm..just ask lang po, sumunod ako sa mga instructions at nagamit kung ang lay out na goth, pero the next day hindi na gumana. anu po bah ang nangyari?; February 9, 2008 at 6:19 PM
☺♥KeLLy♥☺ said...: hi tanong ko lang kong ung una gumana sya?; February 10, 2008 at 12:55 AM
Anonymous said...: This layout very cool!!
very simple and i very2 like it :); July 3, 2008 at 9:14 PM
Anonymous said...: Why Your overlay cant open all when i use after 3 days??

must update all time or what bro?? help Plsss; July 4, 2008 at 5:41 AM
Anonymous said...: bingun gimana cara copy in codenya...; November 3, 2008 at 8:30 AM

Links

reminders before using the layouts:

Tuesday, January 15, 2008

Goth

5 comments:

reminders before using the layouts