Friendster Overlay Tutorial, Codes and Tweaks

Code: Copy the code below

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Bleach Profile By Reborn_25</title> <style type="text/css">  </style></head> <body> <style type="text/css"> #AUT{ font-size:12px; color:#434D61; padding:0px 5px 0px 5px;} .left_column_testimonials IMG{width:50px; border:2px solid #586278 !important; margin-right:300px !important;} .left_column_testimonials_content .date {color:#999999;} .testimonialbody{ padding-bottom:5px; margin-bottom:5px;} .left_column_testimonials a:visited, .left_column_testimonials a:link{text-decoration:none; color:#003399;} .left_column_hr{overflow:hidden; clear:both; border-bottom:1px solid #DDE0E4; height:5px; margin-bottom:5px;} .seeall{padding-bottom:5px; text-align:center;} .seeall a:link, .seeall a:visited{text-decoration:none; color:#003399;} .seeall a:hover, a:hover{color:#dc7344;} /** pics **/ .imgblock75 img{ height:50px; width:50px; overflow: hidden; border:#9bcfe7 1px 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: 10px; color: white; } /** names **/ .title a:visited, .title a:link{ text-decoration:none; color:#9BCFE7!important; font-size:11px; } .title a:hover{ color:#9BCFE7!important; text-decoration: none; font-weight: bold; } /** view all and add a testimonial links **/ .viewall a{ font-size: 11px; color: #9BCFE7 !important; text-decoration: none; padding: 2px; } .viewall a:hover{ text-decoration: none; color:#9BCFE7!important; font-weight: bold; } .viewall{ text-align:center!important; } h2{ display:none; color:black; } .data li{ list-style-type:none; } .data{ padding:0; margin:0; } </style> <div id="Layer11"> <div align="center"><center style="line-height:0;"> <p> </p> <p> </p> <p> </p> <p> <embed src="http://www.singingbox.com/singingbox.swf?user8=,zn,jl,z,w,zz" quality="high" width="194" height="20" name="sbox" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> <br /> <a href="http://www.singingbox.org/" target="_blank" style="line-height:20px;"> <img src="http://www.singingbox.com/i/FFFFFF/4D4D4D.gif" border="0" /> </a></p> </center></div> </div> <div id="Layer12"> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="209" height="32" title="fs"> <param name="movie" value="http://img175.imageshack.us/img175/9628/forfsqa3.swf"> <param name="quality" value="high"> <embed src="http://img175.imageshack.us/img175/9628/forfsqa3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="209" height="32"></embed> </object> </p> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="209" height="32" title="s"> <param name="movie" value="http://img255.imageshack.us/img255/6793/asasuq1.swf"> <param name="quality" value="high"> <embed src="http://img255.imageshack.us/img255/6793/asasuq1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="209" height="32"></embed> </object> </p> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="209" height="32" title="a"> <param name="movie" value="http://img255.imageshack.us/img255/6585/asdddbu0.swf"> <param name="quality" value="high"> <embed src="http://img255.imageshack.us/img255/6585/asdddbu0.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="209" height="32"></embed> </object> </p> </div> <div id="Layer13"> <div id="content_18"> <div align="center"></div> </div> <script language="javascript"> module18="yes"; </script></div> <style> body { scrollbar-base-color: #000000; scrollbar-arrow-color: #F45100; scrollbar-3dlight-color: #110008; scrollbar-darkshadow-color: #020001; scrollbar-face-color: #020000; scrollbar-highlight-color: #F95300; scrollbar-shadow-color: #F24400; scrollbar-track-color: #0A0006; } </style> <div id="Layer1"> <table width="855" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2"><a href="http://free-fs-overlay.blogspot.com/" target="_blank"><img src="http://i264.photobucket.com/albums/ii182/vienmar1/blaechbanner-1.jpg" alt="Free Friendster Overlay" width="855" height="242" border="0" /></a></td> </tr> <tr> <td height="20" colspan="2" background="http://i264.photobucket.com/albums/ii182/vienmar1/backofbars.jpg"><div align="justify"> <table width="80%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><table width="114" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td width="100"><div align="center"><span class="style3">| <a href="http://www.friendster.com/">Home</a> |</span> </div> <center> </center></td> </tr> </table></td> <td><table width="110" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td width="96"><div align="center"><span class="style3">| <a href="http://www.friendster.com/user.php">Profile</a> |</span></div> <center> </center></td> </tr> </table></td> <td><table width="113" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td width="99"><div align="center"><span class="style3">| <a href="http://www.friendster.com/friends.php">Friends</a> |</span></div> <center> </center></td> </tr> </table></td> <td><table width="127" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td><div align="center"><span class="style3">| <a href="http://www.friendster.com/editaccount.php">Settings</a> |</span></div> <center> </center></td> </tr> </table></td> <td><table width="127" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td><div align="center"><span class="style3">| <a href="http://www.friendster.com/explore.php">Explore</a> |</span></div> <center> </center></td> </tr> </table></td> <td><table width="127" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td><div align="center"><span class="style3">| <a href="http://www.friendster.com/gallery.php">Search</a> |</span></div> <center> </center></td> </tr> </table></td> <td><table width="127" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td><div align="center"><span class="style3">| <a href="http://www.friendster.com/logout.php">Logout</a> |</span> </div> <center> </center></td> </tr> </table></td> </tr> </table> </div> </td> </tr> <tr> <td colspan="2"><img src="http://i264.photobucket.com/albums/ii182/vienmar1/ICHIGOBODY_r1_c1.jpg" alt="" width="855" height="265" /></td> </tr> <tr> <td width="244" colspan="2"><img src="http://i264.photobucket.com/albums/ii182/vienmar1/ICHIGOBODY_r2_c1.jpg" alt="" width="855" height="290" /></td> </tr> <tr> <td colspan="2"><img src="http://i264.photobucket.com/albums/ii182/vienmar1/ICHIGOBODY_r3_c1.jpg" alt="" width="855" height="300" /></td> </tr> <tr> <td colspan="2"><img src="http://i264.photobucket.com/albums/ii182/vienmar1/ICHIGOBODY_r4_c1.jpg" alt="" width="855" height="245" /></td> </tr> <tr> <td colspan="2"> </td> </tr> </table> </div> <div id="Layer2"> <div align="center" class="style3"> <p> </p> <p> </p> <p class="style4">PICTURE HERE </p> </div> </div> <div id="Layer3"> <p>Lorem ipsum postea deleniti qui ei. Diam ornatus neglegentur eum cu. Ut duo quot aperiam delenit, ut erant nonummy sententiae pri, quo ei dicit luptatum. Sea ei debitis eligendi, reque suscipiantur mea et, eos tollit omittantur et. Nec epicuri convenire scribentur an, sit nibh tritani platonem te.</p> <p>Per periculis voluptatum efficiendi ea. Quis intellegebat eam ne, pro et sumo doctus utroque. Nec etiam scriptorem ea, fabulas vituperata disputationi cu usu. Virtute principes conclusionemque et mei.</p> <p>Definiebas vituperata deterruisset ei eos, nulla munere mollis at duo. Sed possim equidem suscipit ne, mei intellegat cotidieque instructior ei, ius postea luptatum oportere ne. Mel cu vero iudico voluptaria, usu te audire iisque latine, qui omnis scripserit ex. Petentium urbanitas scripserit pri et, at eos tibique molestie suscipit, id usu idque mucius disputationi. Semper veritus dissentias pri cu, et quot nonumy eligendi sed.</p> </div> <div id="Layer4"> <div align="justify"> <p align="justify">Lorem ipsum postea deleniti qui ei. Diam ornatus neglegentur eum cu. Ut duo quot aperiam delenit, ut erant nonummy sententiae pri, quo ei dicit luptatum. Sea ei debitis eligendi, reque suscipiantur mea et, eos tollit omittantur et. Nec epicuri convenire scribentur an, sit nibh tritani platonem te.</p> <p align="justify">Per periculis voluptatum efficiendi ea. Quis intellegebat eam ne, pro et sumo doctus utroque. Nec etiam scriptorem ea, fabulas vituperata disputationi cu usu. Virtute principes conclusionemque et mei.</p> <p align="justify">Definiebas vituperata deterruisset ei eos, nulla munere mollis at duo. Sed possim equidem suscipit ne, mei intellegat cotidieque instructior ei, ius postea luptatum oportere ne. Mel cu vero iudico voluptaria, usu te audire iisque latine, qui omnis scripserit ex. Petentium urbanitas scripserit pri et, at eos tibique molestie suscipit, id usu idque mucius disputationi. Semper veritus dissentias pri cu, et quot nonumy eligendi sed.</p> </div> </div> <div id="Layer5"> <div align="justify"> <p align="justify">Lorem ipsum postea deleniti qui ei. Diam ornatus neglegentur eum cu. Ut duo quot aperiam delenit, ut erant nonummy sententiae pri, quo ei dicit luptatum. Sea ei debitis eligendi, reque suscipiantur mea et, eos tollit omittantur et. Nec epicuri convenire scribentur an, sit nibh tritani platonem te.</p> <p align="justify">Per periculis voluptatum efficiendi ea. Quis intellegebat eam ne, pro et sumo doctus utroque. Nec etiam scriptorem ea, fabulas vituperata disputationi cu usu. Virtute principes conclusionemque et mei.</p> <p align="justify">Definiebas vituperata deterruisset ei eos, nulla munere mollis at duo. Sed possim equidem suscipit ne, mei intellegat cotidieque instructior ei, ius postea luptatum oportere ne. Mel cu vero iudico voluptaria, usu te audire iisque latine, qui omnis scripserit ex. Petentium urbanitas scripserit pri et, at eos tibique molestie suscipit, id usu idque mucius disputationi. Semper veritus dissentias pri cu, et quot nonumy eligendi se</p> </div> </div> <div id="Layer9"> <div align="center"> <table width="200" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td><center> <a href="http://www.friendster.com/addfriendrequest.php?uid=YOUR ID HERE"><strong>ADD ME UP </strong> </a> </center></td> </tr> </table> <table width="200" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td><center> <a href="http://www.friendster.com/sendmessage.php?uid=YOUR ID HERE"><strong>SEND MESSAGE </strong> S </a> </center> </td> </tr> </table> <table width="200" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td><center> <a href="http://www.friendster.com/sendmessage.php?uid=YOUR ID HERE"><strong>VIEW PHOTO </strong> S </a> </center> </td> </tr> </table> <table width="200" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td><center> <a href="http://www.friendster.com/viewphotos.php?uid=YOUR ID HERE"><strong>VIEW FRIENDS </strong> </a> </center> </td> </tr> </table> <table width="200" border="0" cellpadding="5" onmouseover="this.style.backgroundColor='#ff9900'" onmouseout="this.style.backgroundColor='#000000'"> <tr> <td><center> <a href="http://www.friendster.com/comments.php?uid=YOUR ID HERE"><strong>ADD COMMENTS </strong> </a> </center> </td> </tr> </table> </div> </div> <div id="Layer10"> <div align="center"> <div id="cboxdiv" align="center"> <iframe frameborder="0" marginheight="2" marginwidth="2" height="240" src="http://www.cbox.ws/box/?boxid=1047666&boxtag=t5nj6p&sec=main" id="cboxmain" scrolling="auto" style="border:#000000 1px solid;" width="100%" allowtransparency="yes" name="cboxmain"></iframe><br/> <iframe frameborder="0" marginheight="2" marginwidth="2" height="75" src="http://www.cbox.ws/box/?boxid=1047666&boxtag=t5nj6p&sec=form" id="cboxform" scrolling="no" style="border:#000000 1px solid;border-top:0px" width="100%" allowtransparency="yes" name="cboxform"></iframe> </div> </div> </div> </body> </div> </body> </html>

Links

reminders before using the layouts:

Saturday, January 19, 2008

Bleach

reminders before using the layouts