Friendster Overlay Tutorial, Codes and Tweaks: Power Puff

Code: Copy the code below

<html> <head> <title>EDIT EDIT EDIT EDIT</title> <style type="text/css"> /** pics **/ .imgblock75 img{ height:60px; width:60px; overflow: hidden; border:#000000 0px solid; margin: 0 auto; } .imgblock75 a:hover img { border:#000000 0px 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:#000000!important; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; } /** names **/ .title a:visited, .title a:link{ text-decoration:none; color:#000000!important; font-size:10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .title a:hover{ color:#000000!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: #000000!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:#000000!important; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .viewall{ font-size:10px; text-decoration: none; color:#000000!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:#000000 1px solid; } .ir a:hover img { border:#000000 1px solid; } /** caption **/ .dr a { font-size: 12px; text-align: center; text-decoration: none; font-weight:bold; color:#000000; 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: #FFFAFC; border-color: #000000; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } .cboxMsgArea { padding:2px 2px 2px 2px; width:170px; height:40px; background-color: #FFFAFC; border: #0000001px solid; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;} </style>  <style> #automainphotoid img { width:140px;height:140px; border:#FFFFFF 1px solid; } #FAlinkid img { border: #191919 0px solid; } </style> <style type="text/css"> BODY { scrollbar-face-color: #FE6E98; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFAFC; color:#999999; border-style:solid; border-left-width:0px; border-right-width:0px; border-color:#000000; } </style> <style type="text/css">  </style> </head> <body bgcolor="#ffffff"> <div id="backgouund" style="position:absolute; left:135px; top:2px; width:863px; height:1229px; z-index:0; overflow: auto"> <table border="0" cellpadding="0" cellspacing="0" width="730"> <tr> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="41" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="72" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="88" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="16" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="109" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="73" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="107" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="87" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="137" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td colspan="9"><img name="powerpuff_r1_c1" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r1_c1.gif" width="730" height="117" border="0" id="powerpuff_r1_c1" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="117" border="0" alt="" /></td> </tr> <tr> <td colspan="9"><img name="powerpuff_r2_c1" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r2_c1.gif" width="730" height="109" border="0" id="powerpuff_r2_c1" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="109" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><a href="http://www.friendster.com/"><img name="powerpuff_r3_c1" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r3_c1.gif" width="113" height="30" border="0" id="powerpuff_r3_c1" alt="" /></a></td> <td colspan="2"><a href="http://www.friendster.com/user.php"><img name="powerpuff_r3_c3" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r3_c3.gif" width="104" height="30" border="0" id="powerpuff_r3_c3" alt="" /></a></td> <td><a href="http://www.friendster.com/friends.php"><img name="powerpuff_r3_c5" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r3_c5.gif" width="109" height="30" border="0" id="powerpuff_r3_c5" alt="" /></a></td> <td><a href="http://mobs.friendster.com/"><img name="powerpuff_r3_c6" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r3_c6.gif" width="73" height="30" border="0" id="powerpuff_r3_c6" alt="" /></a></td> <td><a href="http://www.friendster.com/gallery.php"><img name="powerpuff_r3_c7" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r3_c7.gif" width="107" height="30" border="0" id="powerpuff_r3_c7" alt="" /></a></td> <td><a href="http://www.friendster.com/blogs.php"><img name="powerpuff_r3_c8" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r3_c8.gif" width="87" height="30" border="0" id="powerpuff_r3_c8" alt="" /></a></td> <td><a href="http://www.friendster.com/group/mygroup.php"><img name="powerpuff_r3_c9" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r3_c9.gif" width="137" height="30" border="0" id="powerpuff_r3_c9" alt="" /></a></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="30" border="0" alt="" /></td> </tr> <tr> <td colspan="9"><img name="powerpuff_r4_c1" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r4_c1.gif" width="730" height="72" border="0" id="powerpuff_r4_c1" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="72" border="0" alt="" /></td> </tr> <tr> <td rowspan="8"><img name="powerpuff_r5_c1" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r5_c1.gif" width="41" height="180" border="0" id="powerpuff_r5_c1" alt="" /></td> <td colspan="2"><img name="powerpuff_r5_c2" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r5_c2.gif" width="160" height="22" border="0" id="powerpuff_r5_c2" alt="" /></td> <td rowspan="8" colspan="6"><img name="powerpuff_r5_c4" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r5_c4.gif" width="529" height="180" border="0" id="powerpuff_r5_c4" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="22" border="0" alt="" /></td> </tr> <tr>    <td colspan="2"><a href="http://www.friendster.com/sendmessage.php?uid=USERID"><img name="powerpuff_r6_c2" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r6_c2.gif" width="160" height="25" border="0" id="powerpuff_r6_c2" alt="" /></a></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="25" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><a href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile"><img name="powerpuff_r7_c2" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r7_c2.gif" width="160" height="20" border="0" id="powerpuff_r7_c2" alt="" /></a></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="20" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><a href="http://www.friendster.com/testimonials.php?action=add&uid=USERID"><img name="powerpuff_r8_c2" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r8_c2.gif" width="160" height="23" border="0" id="powerpuff_r8_c2" alt="" /></a></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="23" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><a href="http://www.friendster.com/referafriend.php?refer=USERID"><img name="powerpuff_r9_c2" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r9_c2.gif" width="160" height="22" border="0" id="powerpuff_r9_c2" alt="" /></a></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="22" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><a href="http://www.friendster.com/group/inviteone.php?uid=USERID"><img name="powerpuff_r10_c2" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r10_c2.gif" width="160" height="23" border="0" id="powerpuff_r10_c2" alt="" /></a></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="23" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><a href="http://www.friendster.com/bookmarks.php?action=add&uid=USERID"><img name="powerpuff_r11_c2" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r11_c2.gif" width="160" height="21" border="0" id="powerpuff_r11_c2" alt="" /></a></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="21" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><a href="http://www.friendster.com/publiccomments.php?uid=USERID"><img name="powerpuff_r12_c2" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r12_c2.gif" width="160" height="24" border="0" id="powerpuff_r12_c2" alt="" /></a></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="24" border="0" alt="" /></td> </tr> <tr> <td colspan="6"><img name="powerpuff_r13_c1" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r13_c1.gif" width="399" height="179" border="0" id="powerpuff_r13_c1" alt="" /></td> <td colspan="3"><img name="powerpuff_r13_c7" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r13_c7.gif" width="331" height="179" border="0" id="powerpuff_r13_c7" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="179" border="0" alt="" /></td> </tr> <tr> <td colspan="6"><img name="powerpuff_r14_c1" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r14_c1.gif" width="399" height="270" border="0" id="powerpuff_r14_c1" alt="" /></td> <td colspan="3"><img name="powerpuff_r14_c7" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r14_c7.gif" width="331" height="270" border="0" id="powerpuff_r14_c7" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="270" border="0" alt="" /></td> </tr> <tr> <td colspan="6"><img name="powerpuff_r15_c1" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r15_c1.gif" width="399" height="243" border="0" id="powerpuff_r15_c1" alt="" /></td> <td colspan="3"><img name="powerpuff_r15_c7" src="http://www.freewebtown.com/powerpuff0114/powerpuff_r15_c7.gif" width="331" height="243" border="0" id="powerpuff_r15_c7" alt="" /></td> <td><img src="http://www.freewebtown.com/powerpuff0114/spacer.gif" width="1" height="243" border="0" alt="" /></td> </tr> </table> </div> <div class="style99" id="layer4" style="position:absolute; overflow:hidden; left:565px; top:7px; width:287px; height:31px; z-index:36"> <a href="http://www.friendster.com/messages.php" class="style102">Messages </a><span class="style101"><span class="style102">- </span></span><span class="style102"><a href="http://www.friendster.com/editaccount.php" class="style102">Settings</a></span> <span class="style102">- </span><a href="http://www.friendster.com/custhelp.php" class="style102">Help </a><span class="style101"> <span class="style102">- </span></span><a href="http://www.friendster.com/logout.php" class="style102"> Log-out</a></div>    <div id="AUTOFRIEND" style="position:absolute; overflow:auto; left:640px; top:594px; width:176px; height:230px; z-index:39; filter:Chroma(Color=#FFFAFC)"> <div id="content_2"></div> <script language="javascript"> module2="yes"; </script> </div>    <div id="Testimonial Area" style="position:absolute; overflow:auto; left:366px; top:879px; width:450px; height:271px; z-index:40; filter:Chroma(Color=#FFFAFC)"> <div id="content_18"></div> <script language="javascript"> module18="yes"; </script> </div>    <div id="Layer5" style="position:absolute; overflow:auto; left:383px; top:313px; width:434px; height:230px; z-index:32;filter:Chroma(Color=#FFFAFC)"> <div id="automainphoto" style="position:absolute; overflow:auto; left:5px; top:3px; width:149px; height:147px; z-index:19"> <script language="JavaScript" type="text/javascript"> automainphoto="yes" </script> <div id="automainphotoid" style="height:100px;width:100px"></div> </div> <div align="left"><br /> <br /> <br /> <br /> <br /> <span class="style84"><br /> <br /> </span><span class="style84"><br /> <br /> <span class="style86">Schools (others):<br /> </span> edit edit edit edit edit edit edit edit edit<br /> <br /> <span class="style86">Occupation:<br /> </span> edit edit edit edit edit edit edit edit edit<br /> <br /> <span class="style86">Affiliations:<br /> </span> edit edit edit edit edit edit edit edit edit<br /> <br /> <span class="style86">Companies:<br /> </span> edit edit edit edit edit edit edit edit edit<br /> <br /> <span class="style86">Hobbies and Interest:<br /> </span> edit edit edit edit edit edit edit edit edit <br /> <br /> <span class="style86">Favorite Book:<br /> </span> edit edit edit edit edit edit edit edit edit<br /> <br /> <span class="style86">Favorite Music:<br /> </span> edit edit edit edit edit edit edit edit edit<br /> <br /> <span class="style86">Favorite Movies:<br /> </span> edit edit edit edit edit edit edit edit edit<br /> <br /> <span class="style86">Favorite TV shows:<br /> </span> edit edit edit edit edit edit edit edit edit<br /> <br /> <span class="style86">About me:<br /> </span> edit edit edit edit edit edit edit edit edit<br /> <br /> <span class="style86">Who I want to meet:<br /> </span> edit edit edit edit edit edit edit edit edit<br /> <br /> </span> </div> <div id="automainphoto" style="position:absolute; overflow:hidden; left:162px; top:17px; width:235px; height:108px; z-index:19;"> <p class="style84"> <span class="style86">NAME:</span> edit edit edit edit<br /> <span class="style86">AGE:</span> edit edit edit edit<br /> <span class="style86">GENDER:</span> edit edit edit edit<br /> <span class="style86">STATUS:</span> edit edit edit edit<br /> <span class="style86">LOCATION:</span> edit edit edit edit<br /> <span class="style86">HOMETOWN:</span> edit edit edit edit<br /> <span class="style86">MEMBER SINCE:</span> edit edit edit edit<br /> </p> </div> </div>      <div id="MessageBox" style="position: absolute; width: 205px; height: 317px; z-index: 3; left:158px; top:573px; overflow: hidden;filter:Chroma(Color=#FFFAFC)"> <table border="0" cellpadding="0" cellspacing="0" summary="cbox tagboard" align="center"> <tr> <td align="center"><iframe frameborder="0" width="170" height="220" src="http://www3.cbox.ws/box/?boxid=2575343&boxtag=8510&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=2575343; capboxtag=8510; capmodule="pst"; cap="activate"; </script> </div>      <div id="layer" style="position: absolute; width: 177px; height: 171px; z-index: 3; left:176px; top:904px; overflow: auto; filter:Chroma(Color=#FFFAFC);">  <iframe frameborder="0" width="170" height="165" src="http://www3.cbox.ws/box/?boxid=2575345&boxtag=7749&sec=main" marginheight="2" marginwidth="2" scrolling="Auto" allowtransparency="yes" name="cboxmainche" style="border: 0px solid;" id="cboxmainche"></iframe> <br />  <script language="javascript"> boxid=2575345; boxtag=7749; wvcbox="yes"; wvcboxmodule="pst"; </script> </div>    <div id="weeeee" style=" width:616px; height:38px;z-index:91;overflow:hidden; color:#CCCCCC; position:absolute; top:266px; left:189px"> <marquee scrollamount="1" scrolldelay="1" direction="left" onmouseout="scrollAmount="2" onmouseover="this.scrollAmount="1;" height="38" width="616"> <script language="javascript"> AUSO="yes"; </script> <div id="AUSOid"></div> </marquee> </div>    <div id="wvcboxel" style="display:none"></div> <div class="style110" id="FriendsterLinks" style="position:absolute; overflow:hidden; left:297px; top:1160px; width:550px; height:40px; z-index:36;"> <div align="center"> <pre class="style105"><a href="http://www.friendster.com/info/index.php?statpos=footer" class="style111">About Us</a> | <a href="http://www.friendster.com/info/contacts.php?statpos=footer" class="style111">Contact Us</a> | <a href="http://classifieds.friendster.com/us/ListAds/Event/" class="style111">Events</a> | <a href="http://www.friendster.com/affiliate.php?statpos=footer" class="style111">Promote My Profile </a>| <a href="http://www.friendster.com/custhelp.php?statpos=footer" class="style111">Help</a> | <a href="http://www.friendster.com/info/tos.php?statpos=footer" class="style111">Terms of Service</a> | <a href="http://www.friendster.com/info/privacy.php?statpos=footer" class="style111">Privacy Policy</a> Copyright 2002-2006 Friendster, Inc. All rights reserved. U.S. Patent No. 7,069,308 </pre> </div> </div>    <div id="Credits" style=" width:178px; height:23px;z-index:91;overflow:hidden; color:#CCCCCC; position:absolute; top:1103px; left:172px"> <marquee scrollamount="2" scrolldelay="1" direction="left" onmouseout="scrollAmount=2" onmouseover="this.scrollAmount=1;" height="38" width="178"> <span class="style1"> www.markyctrigger.com, www.freewebtown.com, www.cbox.ws, and kittynn -chino</span> </marquee> </div> <div id="layer5" style="position: absolute; left:176; top:331px; width:155px; height:24px; z-index:99; overflow: hidden; background-image: url(http://www.freewebtown.com/powerpuff0114/powerpuff_r5_c2.gif); layer-background-image: url(http://www.freewebtown.com/powerpuff0114/powerpuff_r5_c2.gif); border: 1px none #000000;"> <script language="JavaScript" type="text/javascript"> FAlink="yes"; FAucode="<img src="'http://www.freewebtown.com/powerpuff0114/powerpuff_r5_c2.gif'" />"; </script> <div id="FAlinkid"></div> </div>    <div id="mp3player2" style="position:absolute; overflow:hidden; left:364px; top:594px; width:255px; height:230px; z-index:39" align="center">   <object width="100" height="100"> <param name="movie" value="http://www.youtube.com/v/Pd_p1A7WVNs&autoplay=1"> </param> <param name="wmode" value="transparent"> </param> <embed src="http://www.youtube.com/v/Pd_p1A7WVNs&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="200" height="200"></embed> </object> </div> </body> </html>

3 comments:

Anonymous said...: hi..im jhemzz..how can i use this layout for my friendster?it seems so nice..hoping ur reply; March 18, 2008 at 2:49 AM
Anonymous said...: hi..why is that it don't work on my profile..?i like it so much bec. ppg is my fave characters; August 20, 2008 at 1:21 AM
Anonymous said...: good day! hope you could show us step by step on how can we use this in our friendster. after i copy the codes. i go macky overlay trigger and generate then i paste it on the media box the save still it didn;t work hope you could help us -noobs; September 28, 2008 at 11:34 AM

Links

reminders before using the layouts:

Tuesday, January 15, 2008

Power Puff

3 comments:

reminders before using the layouts