Friendster Overlay Tutorial, Codes and Tweaks: Emily

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>Emily The Strange</title> <script language="JavaScript1.1">     </script> <script language="JavaScript">  </script> <style> body { background-color: #000000; background-repeat: repeat-y; background-position:center; scrollbar-arrow-color: #4b4b4b; scrollbar-face-color: #4b4b4b; scrollbar-highlight-color: #4b4b4b; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-track-color: #4b4b4b; scrollbar-darkshadow-color: #4b4b4b; } #imagemap { position:absolute; width: 700px; height: 1200px; overflow:hidden; left: 150px; } #photo { position:absolute; width: 100px; height: 80px; overflow:hidden; left: 262px; top: 532px; } #aboutme { position:absolute; width: 350px; height: 215px; overflow: auto; left: 388px; top: 537px; } #mp3 { position:absolute; width: 220px; height: 100px; overflow: hidden; left: 516px; top: 790px; } #friends { position: absolute; width: 230px; height: 100px; overflow: hidden; left: 260px; top: 793px; } #cbox { position: absolute; width: 130px; height: 220px; overflow: auto; left: 259px; top: 922px; } #testimonial { position: absolute; width: 320px; height: 200px; overflow: auto; left: 417px; top: 929px; } </style> </head> <body> <div id="imagemap"> <img src="http://i118.photobucket.com/albums/o84/goth_tech/emilythestrange.jpg" width="700" height="1200" border="0" alt="" usemap="#emilythestrange_Map" /> <map name="emilythestrange_Map"> <area shape="rect" alt="" coords="332,1152,596,1165" href="http://www.friendster.com/dedzforlife" target="_blank"> <area shape="rect" alt="See my face..." coords="104,727,210,738" href="http://www.friendster.com/viewphotos.php?uid=20271909"> <area shape="rect" alt="Read my diary..." coords="115,706,202,719" href="http://lordlazarus.blogs.friendster.com/unthinkable_thoughts"> <area shape="rect" alt="Do I deserve this?" coords="110,685,203,698" href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile"> <area shape="rect" alt="Say som'thin 'bout mE..." coords="99,666,217,679" href="http://www.friendster.com/testimonials.php?action=add&uid=USERID"> <area shape="rect" alt="Send me a word..." coords="110,646,206,660" href="http://www.friendster.com/sendmessage.php?uid=USERID"> <area shape="rect" alt="Are you with me?" coords="130,624,184,641" href="http://www.friendster.com/addfriendrequest.php?uid=USERID"> <area shape="rect" alt="Get Lost!" coords="530,451,608,468" href="http://www.friendster.com/logout.php"> <area shape="rect" alt="Videos" coords="467,451,520,468" href="http://www.friendster.com/video.php"> <area shape="rect" alt="Searching..." coords="392,451,453,468" href="http://www.friendster.com/gallery.php"> <area shape="rect" alt="Explore The Community" coords="313,451,384,468" href="http://www.friendster.com/explore.php"> <area shape="rect" alt="View Your Friends?" coords="237,451,303,468" href="http://www.friendster.com/friends.php"> <area shape="rect" alt="Going To Your Profile?" coords="156,451,226,468" href="http://www.friendster.com/user.php"> <area shape="rect" alt="Going Home?" coords="88,451,143,469" href="http://www.friendster.com/"> </map> </div> <div id="photo"> <div id="content_photos_1_2"></div> <script language="javascript"> module1="yes"; </script> </div> <div id="aboutme"> <script language="javascript"> lastlogin="yes" </script> <div id="lastloginid"></div> <span style="font-family:Courier New;font-size:2px;color:#FFFFFF;">Name:</span><span style="font-family:Verdana;font-size:1.5px;color:#FFFFFF;">DeDz fOrLiFe</span><br /> <span style="font-family:Courier New;font-size:2px;color:#FFFFFF;">Age:</span><span style="font-family:Verdana;font-size:1.5px;color:#FFFFFF;">15</span><br /> <span style="font-family:Courier New;font-size:2px;color:#FFFFFF;">Sex:</span><span style="font-family:Verdana;font-size:1.5px;color:#FFFFFF;">Male</span><br /> <span style="font-family:Courier New;font-size:2px;color:#FFFFFF;">Status:</span><span style="font-family:Verdana;font-size:1.5px;color:#FFFFFF;">Single</span><br /> <span style="font-family:Courier New;font-size:2px;color:#FFFFFF;">Location:</span><span style="font-family:Verdana;font-size:1.5px;color:#FFFFFF;">Cebu City</span> <br /><br /> <span style="font-family:Courier New;font-size:2px;color:#FFFFFF;">More About Me:</span><br /><br /> <span style="font-family:Verdana;font-size:1.5px;color:#FFFFFF;"> _wHy dO i nOt subMit tO suiCide?<br /> _nOt a dAy gOes bY witH ouT mE <br />aSkinG thAt sAme questiOn tO mYseLf...<br /> _nOw tHeRe's tHat shOtguN...<br /> </span><br /> </div> <div id="mp3"> <object width="105" height="105"> <param name="movie" value="http://www.youtube.com/v/duTBl5JH7pg"> </param> <param name="wmode" value="transparent"> </param> <embed src="http://www.youtube.com/v/duTBl5JH7pg" type="application/x-shockwave-flash" wmode="transparent" width="220" height="100"></embed> </object> </div> <div id="friends"> <div id="content_friends_2_2"></div> <script language="javascript"> module8="yes"; </script> </div> <div id="cbox">   <div align="center" id="cboxdiv"> <iframe frameborder="0" width="150" height="120" src="http://www3.cbox.ws/box/?boxid=2552315&boxtag=4203&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe><br/> <iframe frameborder="0" width="150" height="80" src="http://www3.cbox.ws/box/?boxid=2552315&boxtag=4203&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe> </div>  </div> <div id="testimonial"> <div id="content_publiccomments_1_7"></div> <script language="javascript"> module5="yes"; </script> </div> <script language="javascript"> testimania="yes"; deftestimaniamess="Nope, you can't leave without sending me a comment. =P"; cancelmania="Sorry, gotta do it dude =)"; </script> </body> </html>

5 comments:

Anonymous said...: hehehe im using ds, i edited d links. i hope it works :D tnx; June 21, 2008 at 9:41 AM
Anonymous said...: how to use this?? i like it alot./

hope ul teach me..♥

carla_lim2002@yahoo.com; July 8, 2008 at 5:31 AM
Anonymous said...: this is cOoL! pls teach me kow to use this overlay..... =) thanks a lot

snap23_pemps@yahoo.com; July 15, 2008 at 6:02 PM
Anonymous said...: HoW To UsE ThIs OvErLaY??
I rEaLlY LoVe ThIs.. PlaSe,, TeAcH Me
THaNkS A LoT

dIsgUIse_2410@yaHoo.com; August 1, 2008 at 8:40 AM
Anonymous said...: How to use this overlay???
Hope you want to teach me...
tHANKS; September 14, 2008 at 12:46 AM

Links

reminders before using the layouts:

Wednesday, January 16, 2008

Emily

5 comments:

reminders before using the layouts