Friendster Overlay Tutorial, Codes and Tweaks: Pink

Code: Copy the code below

<html> <head> <title>EDI EDIT EDIT</title> <meta equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> BODY { scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #A4275F; scrollbar-darkshadow-color: #A4275F; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #A4275F; scrollbar-track-color: #333333; color:#999999; border-style:solid; border-left-width:20px; border-right-width:0px; border-color:#000000; background-color: #000000; } .style16 {color: #990099; size: 10} .style22 {font-family: verdana} --> </style> <style type="text/css"> /** pics **/ .imgblock75 img{ height:60px; width:60px; overflow: hidden; border:#FF99CC 1px solid; margin: 0 auto; } .imgblock75 a:hover img { border:#FF99CC 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:#FF99CC!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:#FF99CC!important; font-size:10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .title a:hover{ color:#FF99CC!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: #FF99CC!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:#FF99CC!important; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .viewall{ font-size:10px; text-decoration: none; color:#FF99CC!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:#FF99CC 1px solid; } .ir a:hover img { border:#FF99CC 0px solid; } /** caption **/ .dr a { font-size: 12px; text-align: center; text-decoration: none; font-weight:bold; color:#FF99CC; 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: #333333; border-color: #FF99CC; color: #FF99CC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } .cboxMsgArea { padding:2px 2px 2px 2px; width:200x; height:40px; background-color: #333333; border: #FF99CC 1px solid; color: #FF99CC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;} </style>  <style> #automainphotoid img { width:115px;height:115px; border:#FF99CC 1px solid; } </style> <style type="text/css"> td img {display: block;}.style1 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF99CC; font-size: 12px; } .style16 {color: #990099; size: 10} .style16 {color: #990099; size: 10} .style22 {font-family: verdana} .style22 {font-family: verdana} .style26 {font-size: 10px} .style26 {font-size: 10px} .style27 {font-size: 12px} .style27 {font-size: 12px} .style29 {color: #FF0000} .style29 {color: #FF0000} .style35 {color: #FFCE84; text-decoration: none; } .style35 {color: #FFCE84; text-decoration: none; } .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: #925B32} .style87 { color: #2A1E12; font-size: 12px; } .style88 {color: #EE529C; font-size: 12px; } .style2 {color: #FF99CC} .style3 {color: #EE529C} .style25 {color: #FF9900; font-size: 10px; font-family: verdana; text-decoration: none; } .style25 {color: #FFCE84; font-size: 10px; font-family: verdana; text-decoration: none; } .style45 {color: #FF99CC} .style45 {color: #FF99CC} #FAlinkid {font-size: 10px; font-family: verdana; text-decoration: none; } #FAlinkid {font-size: 10px; font-family: verdana; text-decoration: none; } .style4 {font-family: verdana; text-decoration: none; font-size: 10px; color: #FF99CC; } .style41 {color: #553300; } .style6 { text-decoration: none; color: #FF99CC; } </style>  </head> <body bgcolor="#000000"> <div id="Background" style="position:absolute; overflow:hidden; left:100px; top:0; width:800; height:874px; z-index:0"> <table border="0" cellpadding="0" cellspacing="0" width="800">  <tr> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="75" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="54" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="63" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="53" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="14" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="55" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="62" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="57" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="33" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="49" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="12" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="68" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="16" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="36" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="9" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="58" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="86" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td rowspan="2" colspan="9"><img name="pink2_r1_c1" src="http://www.freewebtown.com/pink0114/pink2_r1_c1.jpg" width="466" height="119" border="0" id="pink2_r1_c1" alt="" /></td> <td colspan="8"><img name="pink2_r1_c10" src="http://www.freewebtown.com/pink0114/pink2_r1_c10.jpg" width="334" height="28" border="0" id="pink2_r1_c10" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="1" height="28" border="0" alt="" /></td> </tr> <tr> <td colspan="5"><img name="pink2_r2_c10" src="http://www.freewebtown.com/pink0114/pink2_r2_c10.jpg" width="181" height="91" border="0" id="pink2_r2_c10" alt="" /></td> <td colspan="3"><a href="http://www.friendster.com/chinoskii"><img name="pink2_r2_c15" src="http://www.freewebtown.com/pink0114/pink2_r2_c15.jpg" width="153" height="91" border="0" id="pink2_r2_c15" alt="" /></a></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="1" height="91" border="0" alt="" /></td> </tr> <tr> <td><img name="pink2_r3_c1" src="http://www.freewebtown.com/pink0114/pink2_r3_c1.jpg" width="75" height="31" border="0" id="pink2_r3_c1" alt="" /></td> <td><a href="http://www.friendster.com/"><img name="pink2_r3_c2" src="http://www.freewebtown.com/pink0114/pink2_r3_c2.jpg" width="54" height="31" border="0" id="pink2_r3_c2" alt="" /></a></td> <td><a href="http://www.friendster.com/user.php"><img name="pink2_r3_c3" src="http://www.freewebtown.com/pink0114/pink2_r3_c3.jpg" width="63" height="31" border="0" id="pink2_r3_c3" alt="" /></a></td> <td colspan="2"><a href="http://www.friendster.com/friends.php"><img name="pink2_r3_c4" src="http://www.freewebtown.com/pink0114/pink2_r3_c4.jpg" width="67" height="31" border="0" id="pink2_r3_c4" alt="" /></a></td> <td><a href="http://mobs.friendster.com/"><img name="pink2_r3_c6" src="http://www.freewebtown.com/pink0114/pink2_r3_c6.jpg" width="55" height="31" border="0" id="pink2_r3_c6" alt="" /></a></td> <td><a href="http://www.friendster.com/gallery.php"><img name="pink2_r3_c7" src="http://www.freewebtown.com/pink0114/pink2_r3_c7.jpg" width="62" height="31" border="0" id="pink2_r3_c7" alt="" /></a></td> <td><a href="http://www.friendster.com/blogs.php"><img name="pink2_r3_c8" src="http://www.freewebtown.com/pink0114/pink2_r3_c8.jpg" width="57" height="31" border="0" id="pink2_r3_c8" alt="" /></a></td> <td colspan="3"><a href="http://www.friendster.com/group/mygroup.php"><img name="pink2_r3_c9" src="http://www.freewebtown.com/pink0114/pink2_r3_c9.jpg" width="94" height="31" border="0" id="pink2_r3_c9" alt="" /></a></td> <td><a href="http://www.friendster.com/blogs.php"><img name="pink2_r3_c12" src="http://www.freewebtown.com/pink0114/pink2_r3_c12.jpg" width="68" height="31" border="0" id="pink2_r3_c12" alt="" /></a></td> <td colspan="3"><a href="http://www.friendster.com/video.php"><img name="pink2_r3_c13" src="http://www.freewebtown.com/pink0114/pink2_r3_c13.jpg" width="61" height="31" border="0" id="pink2_r3_c13" alt="" /></a></td> <td><a href="http://www.friendster.com/invite.php"><img name="pink2_r3_c16" src="http://www.freewebtown.com/pink0114/pink2_r3_c16.jpg" width="58" height="31" border="0" id="pink2_r3_c16" alt="" /></a></td> <td><a href="http://fmobile.friendster.com/"><img name="pink2_r3_c17" src="http://www.freewebtown.com/pink0114/pink2_r3_c17.jpg" width="86" height="31" border="0" id="pink2_r3_c17" alt="" /></a></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="1" height="31" border="0" alt="" /></td> </tr> <tr> <td colspan="4"><img name="pink2_r4_c1" src="http://www.freewebtown.com/pink0114/pink2_r4_c1.jpg" width="245" height="190" border="0" id="pink2_r4_c1" alt="" /></td> <td colspan="9"><img name="pink2_r4_c5" src="http://www.freewebtown.com/pink0114/pink2_r4_c5.jpg" width="366" height="190" border="0" id="pink2_r4_c5" alt="" /></td> <td rowspan="2" colspan="4"><img name="pink2_r4_c14" src="http://www.freewebtown.com/pink0114/pink2_r4_c14.jpg" width="189" height="356" border="0" id="pink2_r4_c14" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="1" height="190" border="0" alt="" /></td> </tr> <tr> <td rowspan="2" colspan="4"><img name="pink2_r5_c1" src="http://www.freewebtown.com/pink0114/pink2_r5_c1.jpg" width="245" height="280" border="0" id="pink2_r5_c1" alt="" /></td> <td colspan="9"><img name="pink2_r5_c5" src="http://www.freewebtown.com/pink0114/pink2_r5_c5.jpg" width="366" height="166" border="0" id="pink2_r5_c5" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="1" height="166" border="0" alt="" /></td> </tr> <tr> <td rowspan="2" colspan="6"><img name="pink2_r6_c5" src="http://www.freewebtown.com/pink0114/pink2_r6_c5.jpg" width="270" height="336" border="0" id="pink2_r6_c5" alt="" /></td> <td rowspan="2" colspan="7"><img name="pink2_r6_c11" src="http://www.freewebtown.com/pink0114/pink2_r6_c11.jpg" width="285" height="336" border="0" id="pink2_r6_c11" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="1" height="114" border="0" alt="" /></td> </tr> <tr> <td colspan="4"><img name="pink2_r7_c1" src="http://www.freewebtown.com/pink0114/pink2_r7_c1.jpg" width="245" height="222" border="0" id="pink2_r7_c1" alt="" /></td> <td><img src="http://www.freewebtown.com/pink0114/spacer.gif" width="1" height="222" border="0" alt="" /></td> </tr> </table> </div>    <div id="Friends" style="position:absolute; overflow:auto; left:725px; top:184px; width:163px; height:317px; z-index:39" align="center"> <div id="content_2"></div> <script language="javascript"> module2="yes"; </script> </div>    <div id="Layer4" style="position:absolute; overflow:auto; left:365px; top:198px; width:134px; height:130px; z-index:4"> <script language="JavaScript" type="text/javascript"> automainphoto="yes" </script> <div id="automainphotoid" style="height:115px;width:115px"></div> </div>    <div id="weeeee" style="width:584px; height:45px; z-index:91; overflow:hidden; color:#FF99CC; position:absolute; top:96px; left:317px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;"> <marquee scrollamount="2" scrolldelay="1" direction="left" onmouseout="scrollAmount=2" onmouseover="this.scrollAmount=1;" height="38" width="584"> <script language="JavaScript" type="text/javascript"> AUSO="yes"; </script> <div id="AUSOid"></div> </marquee> </div>  <div id="Testimonial Area" style="position:absolute; overflow:auto; left:363px; top:540px; width:524px; height:235px; z-index:40; filter:Chroma(Color=#333333)"> <div id="content_18"></div> <script language="javascript"> module18="yes"; </script> </div>    <div id="MY MP3 PLAYER" style="position: absolute; width: 199px; height: 113px; z-index: 3; left:516px; top:380px; overflow: auto"> <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="Layer5" style="position:absolute; overflow:auto; left:492px; top:161px; width:213px; height:173px; z-index:32;filter:Chroma(Color=#333333)"> <p class="style26"> </p> <p class="style26"><span class="style16 style22 style23 style27"><span class="style16 style29"><span class="style35 style3">Name: </span><span class="style23 style2">EDIT </span><br /> <span class="style35 style3"> Age:</span> <span class="style23 style2">EDIT </span><br /> <span class="style35 style3"> Gender:</span> <span class="style23 style2">EDIT </span><br /> <span class="style35 style3"> Status: </span></span><span class="style2">EDIT </span><br /> <span class="style35 style3"> Location:</span><span class="style2"> EDIT </span><br /> <span class="style35 style3"> Hometown: </span><span class="style2">EDIT </span> </span><span class="style2"></span></span><br /> <span class="style47"><br /> <span class="style48"> <span class="style88"> Schools (Other):</span><span class="style27"><br /> <span class="style2">EDIT EDIT EDIT EDIT EDIT EDIT</span><br /> <br /> <span class="style3">Occupation:</span><br /> <span class="style2">EDIT EDIT EDIT EDIT EDIT EDIT</span><br /> <br /> <span class="style3">Affilations:</span><br /> <span class="style2">EDIT EDIT EDIT EDIT EDIT EDIT</span><br /> <br /> <span class="style3">Companies:</span></span> <span class="style27"><br /> <span class="style2">EDIT EDIT EDIT EDIT EDIT EDIT</span><br /> <span class="style85"><br /> <span class="style3">Hobbies and Inter</span></span></span><span class="style88">est:</span><span class="style27"><br /> <span class="style2">EDIT EDIT EDIT EDIT EDIT EDIT</span><br /> <span class="style85"><br /> <span class="style3">Favorite Books:</span></span><br /> <span class="style2">EDIT EDIT EDIT EDIT EDIT EDIT</span><br /> <br /> <span class="style3">Favorite Music:</span><br /> <span class="style2">EDIT EDIT EDIT EDIT EDIT EDIT</span><br /> <br /> <span class="style3">Favorite Movies:</span><br /> <span class="style2">EDIT EDIT EDIT EDIT EDIT EDIT</span><br /> <br /> <span class="style3">Favorite TV Shows:</span><br /> <span class="style2">EDIT EDIT EDIT EDIT EDIT EDIT</span><br /> <br /> <span class="style3">About me:</span><br /> <span class="style2">EDIT EDIT EDIT EDIT EDIT EDIT</span><br /> <br /> <br /> <span class="style3">Who I want to meet:</span><br /> <span class="style2">EDIT EDIT EDIT EDIT EDIT EDIT</span></span></span></span></p> </div>    <div class="style25" id="links" style="position:absolute; overflow:auto; left:373px; top:372px; width:151px; height:127px; z-index:36"> <span class="style2"><br /> - </span><span class="style45"><a href="http://www.friendster.com/group/inviteone.php?uid=3989716" class="style4">add bookmark</a> <br /> - <a href="http://www.friendster.com/sendmessage.php?uid=3989716&action=sendsmile" class="style4">send a smile</a> <br /> - <a href="http://www.friendster.com/sendmessage.php?uid=3989716" class="style4">send a message</a> <br /> - <a href="http://www.friendster.com/testimonials.php?action=add&uid=3989716" class="style4">add testimonial </a><br /> - <a href="http://www.friendster.com/group/inviteone.php?uid=3989716" class="style4">invite to group </a><br /> - <a href="http://www.friendster.com/referafriend.php?refer=3989716" class="style4">forward to a friend </a></span> <script language="JavaScript" type="text/javascript"> FAlink="yes"; FAucode="<b>- add as friend</b>"; </script> <div id="FAlinkid"></div> </div>    <div id="layer3" style="position: absolute; width: 188px; height: 145px; z-index: 3; left:164px; top:660px; overflow: hidden; filter:Chroma(Color=#333333);"> <iframe frameborder="0" width="175" height="135" src="http://www2.cbox.ws/box/?boxid=1424527&boxtag=3503&sec=main" marginheight="2" marginwidth="2" scrolling="Auto" allowtransparency="yes" name="cboxmainche" style="border: 0px solid;" id="cboxmainche"></iframe> <br /> <script language="JavaScript" type="text/javascript"> boxid=1424527; boxtag=3503; wvcbox="yes"; wvcboxmodule="pst"; </script> <div id="wvcboxel" style="display:none"></div> </div>    <div id="MessageBox1" style="position: absolute; width: 212px; height: 172px; z-index: 3; left:147px; top:377px; 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="175" height="135" src="http://www2.cbox.ws/box/?boxid=1424525&boxtag=9379&sec=main" marginheight="2" marginwidth="2" scrolling="Auto" allowtransparency="yes" name="seebox" style="border: #990099 0px solid;" id="seebox"></iframe></td> </tr> </table> <tr> </div> <div id="MessageBox2" align="center" style="position: absolute; width: 212px; height: 100px; z-index: 3; left:147px; top:524px; overflow: hidden;filter:Chroma(Color=#333333);"> <table> <tr> <td align="center"><div id="cboxap"></div></td> </tr> </table> <script language="javascript"> capboxid=1424525; capboxtag=9379; capmodule="pst"; cap="activate"; </script> </div>    <div class="style41" id="FriendsterLinks" style="position:absolute; overflow:hidden; left:239px; top:822px; 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="style6">About Us</a><span class="style45"> | </span><a href="http://www.friendster.com/info/contacts.php?statpos=footer" class="style6">Contact Us</a><span class="style45"> | </span><a href="http://classifieds.friendster.com/us/ListAds/Event/" class="style6">Events</a><span class="style45"> | </span><a href="http://www.friendster.com/affiliate.php?statpos=footer" class="style6">Promote My Profile </a><span class="style45">| </span><a href="http://www.friendster.com/custhelp.php?statpos=footer" class="style6">Help</a><span class="style45"> | </span><a href="http://www.friendster.com/info/tos.php?statpos=footer" class="style6">Terms of Service</a><span class="style45"> | </span><a href="http://www.friendster.com/info/privacy.php?statpos=footer" class="style6">Privacy Policy</a> <span class="style45">Copyright 2002-2006 Friendster, Inc. All rights reserved. U.S. Patent No. 7,069,308</span> </pre> </div> </div>    <div id="layer" style=" width:469px; height:23px;z-index:91;overflow:hidden; color:#CCCCCC; position:absolute; top:797px; left:415px"> <marquee scrollamount="2" scrolldelay="1" direction="left" onmouseout="scrollAmount=2" onmouseover="this.scrollAmount=1;" height="38" width="469"> <span class="style1"> www.markyctrigger.com, www.freewebtown.com, www.cbox.ws, www.skary.net, www.blackrevolver.com, www.newgrounds.com, www.sheezyart.com na panget hehehe and tetsuo211 -chino</span> </marquee> </div> </body> </html>

6 comments:

Anonymous said...: its not working; April 8, 2008 at 10:18 AM
Anonymous said...: help nman po? I'm dying to have this layout. pls help po?

how can I have this?

here's my e-mail robhiyhiss09@yahoo.com

pls pls pls; April 9, 2008 at 8:23 PM
Anonymous said...: hello ..

pano po ba ito ??

ala po kc maka pagturo sa akin..

pls po tongan niyo me na magamit ko to ..

pls.. ganda kc e ..

vanzkie_11@yahoo.com .. email add ko po ..

visit po niyo..

thanks.!!; May 6, 2008 at 11:12 PM
Anonymous said...: Sir..

How can I put my Pic?!

I Already put it in my PROFILE but my PIC wont came out?!?!

WHere should i EDIT it?; June 5, 2008 at 6:44 AM
Anonymous said...: i really wanted to have this layout..a kind of help nman how to use the given codes pra mg.work sa friendster..

this is my email add..phunkangel_smile@yahoo.com

plzz lng po..God bless..; July 1, 2008 at 10:57 PM
Anonymous said...: san fho ba pwede pwede mag GENERATOR n2 pra namn ma gawa ko na fho!! plzz namn fho elp lng^^ 2 fho e-mail q!! emo_from_hell03@yahoo.com w8 q fho sagot nio!! TY^^; April 12, 2010 at 5:15 AM

Links

reminders before using the layouts:

Tuesday, January 15, 2008

Pink

6 comments:

reminders before using the layouts