Friendster Overlay Tutorial, Codes and Tweaks: Rikku

Code: Copy the code below

<html> <head> <title>Ragnarok Overlay Special by Nash88</title> <meta equiv="Content-Type" content="text/html;"> <style type="text/css"> BODY { SCROLLBAR-FACE-COLOR:00c0ff; SCROLLBAR-HIGHLIGHT-COLOR: 000000; SCROLLBAR-SHADOW-COLOR:000000; SCROLLBAR-3DLIGHT-COLOR:000000; SCROLLBAR-ARROW-COLOR: 00c0ff; SCROLLBAR-TRACK-COLOR: 000000; SCROLLBAR-DARKSHADOW-COLOR: 000000; FONT-SIZE: 12; COLOR:00c0ff; font-weight: normal; FONT-FAMILY: Arial;} a, a:link, a:visited, a:active { font-size:12;color:c5c5c5; font-weight:normal; text-decoration: none; border-bottom:0px; font-style: normal; } a:hover { font-size:12;color:ffffff;font-weight: normal; text-decoration: none; border-bottom:1px; } body { cursor:url ("cursor");} </style> </head> <body bgcolor="#000000" leftmargin="100" topmargin="0" marginwidth="100" marginheight="0"> <table border="0" cellpadding="0" cellspacing="0" width="801">  <tr> <td><img src="images/spacer.gif" width="53" height="1" border="0" alt="" /></td> <td><img src="images/spacer.gif" width="697" height="1" border="0" alt="" /></td> <td><img src="images/spacer.gif" width="50" height="1" border="0" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td rowspan="5"><img name="index_r1_c1" src="images/sageOverlay_01.jpg" width="53" height="600" border="0" alt="" /></td> <td><img name="index_r1_c2" src="images/sageOverlay_02.jpg" width="697" height="192" border="0" usemap="#m_index_r1_c2" alt="" /></td> <td rowspan="5"><img name="index_r1_c3" src="images/sageOverlay_03.jpg" width="50" height="600" border="0" alt="" /></td>  <td><img src="spacer.gif" width="1" height="192" border="0" alt="" /></td> </tr> <tr> <td><img name="index_r2_c2" src="images/sageOverlay_04.jpg" width="697" height="160" border="0" usemap="#m_index_r2_c2" alt="" /></td> <td><img src="spacer.gif" width="1" height="160" border="0" alt="" /></td> </tr> <tr> <td><img name="index_r3_c2" src="images/sageOverlay_05.jpg" width="697" height="130" border="0" usemap="#m_index_r3_c2" alt="" /></td> <td><img src="spacer.gif" width="1" height="130" border="0" alt="" /></td> </tr> <tr> <td><img name="index_r4_c2" src="images/sageOverlay_06.jpg" width="697" height="75" border="0" usemap="#m_index_r4_c2" alt="" /></td> <td><img src="spacer.gif" width="1" height="75" border="0" alt="" /></td> </tr> <tr> <td><img name="index_r5_c2" src="images/sageOverlay_07.jpg" width="697" height="43" border="0" usemap="#m_index_r5_c2" alt="" /></td> <td><img src="spacer.gif" width="1" height="43" border="0" alt="" /></td> </tr> <map name="m_index_r1_c2"> <area shape="rect" coords="21,73,77,126" href="javascript:;" title="Hi Welcome! I'm Name" alt="Hi Welcome! I'm Name"> <area shape="rect" coords="595,58,644,435" href="javascript:;" title="Lookin' for something? Dont just sit there, add me!" alt="Hmm... You like my look... Why dont you add me ^_^f"> </map> <map name="m_index_r2_c2"> <area shape="rect" coords="595,-134,644,243" href="javascript:;" title="Lookin' for something? Dont just sit there, add me!" alt="Oops... wait a minute dont touch that!"> </map> <map name="m_index_r3_c2"> <area shape="rect" coords="595,-294,644,83" href="javascript:;" title="Lookin' for something? Dont just sit there, add me!" alt="You tickled my tummy, FIRE BOLT!"> </map> <map name="m_index_r4_c2"> <area shape="rect" coords="0,0,389,75" href="http://ragnarok.levelupgames.com.ph/" title="RAGNAROK™ Online Game" alt="RAGNAROK™ Online Game"> </map> <map name="m_index_r5_c2"> <area shape="rect" coords="153,32,197,43" href="http://www.friendster.com" title="Friendster Homepage" alt="Friendster Homepage"> <area shape="rect" coords="468,33,511,43" href="http://nash88.deviantart.com" title="The Creator" alt="The Creator"> <area shape="rect" coords="569,33,659,43" href="http://www.markyctrigger.com" title="The Overlay Generator" alt="The Overlay Generator"> <area shape="rect" coords="529,19,572,29" href="http://www.friendster.com/info/privacy.php?statpos=footer" title="Privacy" alt="Privacy"> <area shape="rect" coords="499,21,517,27" href="http://www.friendster.com/info/tos.php?statpos=footer" title="Terms of Service" alt="Terms of Service"> <area shape="rect" coords="460,19,484,28" href="http://www.friendster.com/custhelp.php?statpos=footer" title="Help" alt="Help"> <area shape="rect" coords="341,20,448,28" href="http://www.friendster.com/affiliate.php?statpos=footer" title="Promote my Profile" alt="Promote my Profile"> <area shape="rect" coords="288,20,329,28" href="http://www.friendster.com/events.php?statpos=footer" title="Events" alt="Events"> <area shape="rect" coords="210,19,276,30" href="http://www.friendster.com/info/contacts.php?statpos=footer" title="Contact Us" alt="Contact Us"> <area shape="rect" coords="145,21,201,28" href="http://www.friendster.com/info/index.php?statpos=footer" title="About Us" alt="About Us"> <area shape="rect" coords="551,0,596,15" href="http://www.friendster.com/nash88" title="The Creator's Friendster Profile" alt="The Creator's Friendster Profile"> </map> </table>   <div style="position:absolute;top:50;left:285;overflow:auto;width:150;height:100;"> CBOX MAIN HERE CBOX MAIN HERE CBOX MAIN HERE CBOX MAIN HERE CBOX MAIN HERE CBOX MAIN HERE CBOX MAIN HERE CBOX MAIN HERE </div> <div style="position:absolute;top:50;left:435;overflow:auto;width:150;height:100;"> CBOX MSG BOARD CBOX MSG BOARD CBOX MSG BOARD CBOX MSG BOARD CBOX MSG BOARD CBOX MSG BOARD CBOX MSG BOARD CBOX MSG BOARD CBOX MSG BOARD CBOX MSG BOARD </div>  <div style="position:absolute;top:240;left:120;overflow:auto;width:110;height:240;"> __Main † € <a href="http://www.friendster.com" alt="">Home</a> € <a href="http://www.friendster.com/friends/YOURUSERID" alt="">Friends</a> € <a href="http://www.friendster.com/photos/YOURUSERID" alt="">Photos</a> € <a href="http://www.friendster.com/testimonials.php" alt="">Testimonials</a> € <a href="http://www.friendster.com/group/mygroup.php" alt="">Groups</a> € <a href="http://mobs.friendster.com" alt="">MOBS</a> € <a href="http://www.friendster.com/messages.php" alt="">Messages</a> € <a href="http://www.friendster.com/editaccount.php" alt="">Settings</a> __User † € <a href="http://www.friendster.com/addfriendrequest.php?uid=YOURUSERID " alt="">add friends</a> € <a href="http://www.friendster.com/gallery.php" alt="">search friends</a> € <a href="http://www.friendster.com/editprofile.php" alt="">edit profile</a> € <a href="http://www.friendster.com/editphotos.php" alt="">edit photos</a> € <a href="http://www.friendster.com/testimonials.php?action=add&uid=YOURUSERID" alt="">add testi</a> € <a href="http://www.friendster.com/blogs.php?action=edit&statpos=toolbar" alt="">update blog</a> € <a href="http://www.friendster.com/sendmessage.php?uid=YOURUSERID" alt="">send msgs</a> __Exit † € <a href="http://www.friendster.com/logout.php">See ya!</a> </div>  <div style="position:absolute;top:380;left:285;overflow:auto;width:220;height:100;"> Name: NAME Age: 000 Birthday: MM/DD/YYYY Gender: M/F/Maybe GAY/LESBIAN School: Elem/HiSkul/College/Maybe Out of School Course: What course you are taking now? Leave Blank if your not in college Who I want to meet: Who do you want to meet right here in friendster? About me: Right here is more about you </div>  <div style="position:absolute;top:560;left:310;width:394;height:12;background:black"> <marquee>POST YOUR MESSAGE HERE RIGHT HERE YOHOOO OR SHOUTOUTS  † Credits: Layout by Nash88 generated: Overlay Generator by Markyctrigger Softwares: Adobe Photoshop CS2, notepad † BEST VIEWED RESOLUTION: 1024x768  </marquee> </div>  <div style="position:absolute;top:250;left:345;width:100;height:100;filter:alpha(opacity=100,finishopacity=100,style=1)"> <img src="images/avatar1.gif" width="100" height="100" /> </div> </body> </html>

Links

reminders before using the layouts:

Wednesday, January 16, 2008

Rikku

2 comments:

reminders before using the layouts