Friendster Overlay Tutorial, Codes and Tweaks: Dark

Code: Copy the code below

<html> <head> <title>EDIT TITLE HERE</title> <meta equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script> var isNS = (navigator.appName == "Netscape") ? 1 : 0; if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP); function mischandler(){ return false; } function mousehandler(e){ var myevent = (isNS) ? e : event; var eventbutton = (isNS) ? myevent.which : myevent.button; if((eventbutton==2)||(eventbutton==3)) return false; } document.oncontextmenu = mischandler; document.onmousedown = mousehandler; document.onmouseup = mousehandler; </script> <style type="text/css"> .cboxButtons { background-color: #000000; border-color: #666666; color: #735966; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } .cboxMsgArea { padding:2px 2px 2px 2px; width:300px; height:20px; background-color: #000000; border: #666666 1px solid; color: 735966; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal;} #autofriendid img {width:90px;height:75px border:#735966 1px solid;} #automainphotoid img {border:#735966 1px solid;} /** images **/ .ir img { height:75px; width:75px; overflow: hidden; border:#735966 2px solid; } .ir a:hover img { filter:alpha(Opacity=50,FinishOpacity=0,Style=0); } /** caption **/ .dr a { font-family: century gothic, verdana; font-size: 9px; text-align: center; text-decoration: none; color: #735966; } .dr a:hover { font-weight: bold; } .flogriditem { padding-bottom: 5px; padding-top: 5px; } /** pics **/ .imgblock75 img{ height:50px; width:50px; overflow: hidden; border:#735966 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: 9px; color:#735966; } /** names **/ .title a:visited, .title a:link{ text-decoration:none; color:#666666!important; font-size:9px; } .title a:hover{ color:#735966!important; text-decoration: none; font-weight: bold; } /** view all and add a testimonial links **/ .viewall a{ font-size: 9px; color: #666666 !important; text-decoration: none; padding: 2px; } .viewall a:hover{ text-decoration: none; color:#735966!important; font-weight: bold; } .viewall{ text-align:center!important; } h2{ display:none; } .data li{ list-style-type:none; } .data{ padding:0; margin:0; } INPUT { background-color: #000000; border-color: #666666; color: #735966; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } TEXTAREA { padding:2px 2px 2px 2px; width:200px; height:80px; background-color: #000000; border: #666666 1px solid; color: #735966; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; }  </style> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">  <div id="aboutme"> <p><span class="style1">Name</span>: EDIT <br /> <span class="style1">Hometown</span>: EDIT<br /> <span class="style1">Location</span>: EDIT <br /> <span class="style1">Occupation</span>: EDIT<br /> <span class="style1">Companies</span>: EDIT<br /> <span class="style1">Affiliations</span>: EDIT <br /> <span class="style1">Hobbies and Interests</span>: EDIT<br /> <span class="style1">Schools</span>: EDIT <br /> <span class="style1">Favorite Books</span>: EDIT<br /> <span class="style1">Favorite Music</span>: EDIT <br /> <span class="style1">Favorite TV Shows</span>: EDIT<br /> <span class="style1">More About Me</span>: EDIT<br /> <span class="style1">Who I Want To Meet</span>: EDIT </p> </div>   <div id="chatbox" align="center"></div>   <div id="mystuffs" align="center">Last Login: 24 hrs <p><a href="ymsgr:sendIM?YOURYAHOOID"><img src="http://opi.yahoo.com/online?u=YOURYAHOOID&m=g&t=2" alt="onlie" border="0" /></a> </div>   <div id="vistors" align="center"> </div>   <div id="links"> <a href="http://friendster.com/ayrizsh" target="_blank">ayrizsh</a></br> <a href="http://markyctrigger.com/forum/" target="_blank">Markyctrigger Support Forum</a><br /> <a href="http://top.friendster-tweakers.com/" target="_blank">Friendster Top Profiles</a><br /> <a href="http://friendster-tweakers.com/" target="_blank">Friendster-Tweakers</a></p> </div>    <table id="Table_01" width="1004" height="1301" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"> <img src="http://img142.imageshack.us/img142/6544/vectorlayout01fy3.gif" width="358" height="34" alt="" /></td> <td rowspan="2"> <img src="http://img313.imageshack.us/img313/6121/blacknpink021gw.gif" width="238" height="650" border="0" alt="" usemap="#vector_layout_02_Map" /> </td> <td colspan="2" rowspan="2"><img src="http://img153.imageshack.us/img153/7642/vectorlayout03ki8.gif" width="407" height="650" border="0" alt="" usemap="#vector_layout_03_Map" /> <map name="vector_layout_03_Map"> <area shape="rect" alt="" coords="0,112,12,127" href="http://friendster.com/ayrizsh"> <area shape="rect" alt="" coords="0,128,13,172" href="http://friendster.com/logout.php"> </map></td> <td> <img src="http://img142.imageshack.us/img142/8697/spacerwi2.gif" width="1" height="34" alt="" /></td> </tr> <tr> <td colspan="2"> <img src="http://img329.imageshack.us/img329/790/blacknpink04po6.gif" width="358" height="616" border="0" alt="" usemap="#vector_layout_04_Map" /></td> <td> <img src="http://img142.imageshack.us/img142/8697/spacerwi2.gif" width="1" height="616" alt="" /></td> </tr> <tr> <td rowspan="2"> <img src="http://img142.imageshack.us/img142/4997/vectorlayout05wh1.gif" width="291" height="46" alt="" /></td> <td colspan="3" rowspan="3"> <img src="http://img181.imageshack.us/img181/4034/blacknpink062ma.gif" width="318" height="650" alt="" /></td> <td> <img src="http://img169.imageshack.us/img169/1391/vectorlayout07tf1.gif" width="394" height="32" alt="" /></td> <td> <img src="http://img142.imageshack.us/img142/8697/spacerwi2.gif" width="1" height="32" alt="" /></td> </tr> <tr> <td rowspan="2"> <img src="http://img181.imageshack.us/img181/4884/blacknpink086io.gif" width="394" height="618" alt="" /></td> <td> <img src="http://img142.imageshack.us/img142/8697/spacerwi2.gif" width="1" height="14" alt="" /></td> </tr> <tr> <td> <img src="http://img169.imageshack.us/img169/9884/vectorlayout09ip3.gif" width="291" height="604" alt="" /></td> <td> <img src="http://img142.imageshack.us/img142/8697/spacerwi2.gif" width="1" height="604" alt="" /></td> </tr> <tr> <td> <img src="http://img142.imageshack.us/img142/8697/spacerwi2.gif" width="291" height="1" alt="" /></td> <td> <img src="http://img142.imageshack.us/img142/8697/spacerwi2.gif" width="67" height="1" alt="" /></td> <td> <img src="http://img142.imageshack.us/img142/8697/spacerwi2.gif" width="238" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="13" height="1" alt="" /></td> <td> <img src="http://img142.imageshack.us/img142/8697/spacerwi2.gif" width="394" height="1" alt="" /></td> <td></td> </tr> </table> <map name="vector_layout_02_Map"> <area shape="rect" alt="" coords="177,112,238,127" href="http://friendster.com/ayrizsh"> <area shape="rect" alt="" coords="165,128,238,172" href="http://friendster.com/logout.php"> <area shape="rect" alt="" coords="34,128,142,173" href="http://friendster.com/settings.php"> <area shape="rect" alt="" coords="0,128,20,173" href="http://friendster.com/friends.php"> </map> <map name="vector_layout_04_Map">   <area shape="rect" alt="" coords="83,192,154,216" href="http://www.friendster.com/sendmessage.php?uid=5064883&action=sendsmile"> <area shape="rect" alt="" coords="212,237,290,258" href="BLOG URL HERE"> <area shape="rect" alt="" coords="65,173,155,191" href="http://www.friendster.com/addfriendrequest.php?uid=5064883"> <area shape="rect" alt="" coords="212,192,290,217" href="http://www.friendster.com/testimonials.php?action=add&uid=5064883"> <area shape="rect" alt="" coords="186,173,290,192" href="http://www.friendster.com/sendmessage.php?uid=5064883"> <area shape="rect" alt="" coords="194,218,291,236" href="http://www.friendster.com/viewphotos.php?uid=5064883"> <area shape="rect" alt="" coords="65,237,165,259" href="http://www.friendster.com/friends.php?uid=5064883"> <area shape="rect" alt="" coords="83,218,166,237" href="http://www.friendster.com/testimonials.php?uid=5064883"> <area shape="rect" alt="" coords="276,94,358,139" href="http://friendster.com/friends.php"> <area shape="rect" alt="" coords="167,94,257,139" href="http://friendster.com/user.php"> <area shape="rect" alt="" coords="65,103,145,140" href="http://friendster.com/"> </map> <map name="vector_layout_Map"> <area shape="rect" alt="" coords="235,499,284,516" href="http://friendster.com/ayrizsh"> </map>   <div id="shoutout" align="center"> <script language="javascript"> AUSO="yes"; </script> <div id="AUSOid"></div> </div> <div id="mainphoto"> <script language="javascript"> automainphoto="yes" </script> <div id="automainphotoid"></div></div> <div id="quicktesti" align="center"> <p> </p> <script language="javascript"> quicktesti="yes"; </script> </p> <div id="quicktestiid"></div> </div> <div id="friends" align="center"> <script language="javascript"> autofriend="yes" </script> <div id="autofriendid" class="column_content"></div> </div> <div id="testi" align="center"> <script language="javascript"> autotesti="yes"; </script> <div id="AUT" class="left_column_content"></div> </div> </body> </html>

6 comments:

Unknown said...: hey... plzz make a preview of this layout... i really love it..; May 13, 2008 at 11:39 PM
Anonymous said...: TeAcH Me PLeaSe HoW To USe ThIs ON My AcCoUnT... PleaSe

THaNkS BeFoRe

DisGUiSe_2410@yaHoO.CoM; August 1, 2008 at 9:45 AM
Anonymous said...: how to use this layout? can u teach me? Please; August 7, 2008 at 12:58 AM
Mims Varela said...: hehehe..i tried ur codes but ders a part in ur layout dat i think shouldnt be there..tnx..hehehe; December 25, 2008 at 4:01 AM
Anonymous said...: hi ammm i love ur layouts
but i don't know how to edit ur code
pls i beg u
pls help me
if u can hepl me
email me at my yahoo, friendster, and facebook e-add
angel_tweetum@yhaoo.com.ph; May 8, 2009 at 2:19 AM
Anonymous said...: how do you edit it? please teach me

_ashley_; July 25, 2009 at 5:18 PM

Links

reminders before using the layouts:

Wednesday, January 16, 2008

Dark

6 comments:

reminders before using the layouts