Friendster Overlay Tutorial, Codes and Tweaks: Choose

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>cHooSe</title> <script language="JavaScript1.1">     </script> <script language="JavaScript">  </script> <style> body { background-color: #000000; background-repeat: repeat-y; scrollbar-arrow-color: #000000; scrollbar-face-color: transparent; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-track-color: #787878; scrollbar-darkshadow-color: #000000; } body,td,th { font-family: verdana; font-weight: bold; font-size:10px; color: #FFFFFF; border: none; } #imagemap { position: absolute; width: 1024px; height: 768px; left: 0px; top: 0px; } #content { position: absolute; left: 733px; top: 180px; width: 245px; height: 260px; overflow:hidden } #photo { position: absolute; left: 579px; top: 173px; width: 115px; height: 95px; overflow:hidden } #testimonials { position: absolute; left: 341px; top: 532px; width: 350px; height: 205px; overflow:auto; background-color: #000000 } #mp3 { position: absolute; left: 735px; top: 528px; width: 255px; height: 205px; overflow:hidden } #cbox { position: absolute; left: 143px; top: 526px; width: 150px; height: 210px; overflow:hidden } </style> </head> <body> <div id="imagemap"> <img src="http://i118.photobucket.com/albums/o84/goth_tech/ChoOsE.jpg" width="1024" height="768" border="0" alt="" usemap="#ChoOsE_Map" /> <map name="ChoOsE_Map"> <area shape="rect" alt="View My Testi !" coords="582,440,687,453" href="http://www.friendster.com/testimonials.php?uid=USERID"> <area shape="rect" alt="View My Blog !" coords="581,420,685,434" href="http://lordlazarus.blogs.friendster.com/unthinkable_thoughts"> <area shape="rect" alt="View My Friends !" coords="568,400,702,413" href="http://www.friendster.com/friends.php?uid=USERID"> <area shape="rect" alt="Send Me Smile ?" coords="581,365,686,381" href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile"> <area shape="rect" alt="Testi Plz ?" coords="581,344,687,361" href="http://www.friendster.com/testimonials.php?action=add&uid=USERID"> <area shape="rect" alt="Send Me Messages !" coords="568,320,703,335" href="http://www.friendster.com/sendmessage.php?uid=USERID"> <area shape="rect" alt="Add Me !" coords="603,299,662,313" href="http://www.friendster.com/addfriendrequest.php?uid=USERID"> <area shape="rect" alt="Bye-bye !" coords="796,67,946,89" href="http://www.friendster.com/logout.php"> <area shape="rect" alt="" coords="675,67,781,89" href="http://www.friendster.com/gallery.php"> <area shape="rect" alt="" coords="587,67,663,89" href="http://www.friendster.com/blogs.php"> <area shape="rect" alt="" coords="480,67,568,89" href="http://www.friendster.com/invite.php"> <area shape="rect" alt="" coords="343,67,463,89" href="http://www.friendster.com/friends.php"> <area shape="rect" alt="" coords="190,67,304,89" href="http://www.friendster.com/user.php"> <area shape="rect" alt="Home" coords="78,67,168,90" href="http://www.friendster.com/home.php"> </map> </div> <div id="content"> <marquee onmouseover="'this.stop()'" onmouseout="'this.start()'" scrollamount="1" direction="up"> <p align="center"> <script language="javascript"> lastlogin="yes" </script> <div id="lastloginid"></div> <span style="font-size:85%;color:#999999;">Name:</span>Blah<br /> <span style="font-size:85%;color:#999999;">Age:</span>Blah<br /> <span style="font-size:85%;color:#999999;">Sex:</span>Blah<br /> <span style="font-size:85%;color:#999999;">Status:</span>Blah<br /> <span style="font-size:85%;color:#999999;">Location:</span>Blah<br /> <span style="font-size:85%;color:#999999;">Affiliation:</span>Blah<br /> <span style="font-size:85%;color:#999999;">Occupation:</span>Blah<br /> <span style="font-size:85%;color:#999999;">About Myself:</span><br /> Edit Text Here<br /> You Can Put Anything You Want ^^<br /> </center> </marquee> </div> <div id="photo"> <div id="content_photos_1_2"></div> <script language="javascript"> module1="yes"; </script> </div> <div id="testimonials"> <div id="content_publiccomments_1_7"></div> <script language="javascript"> module5="yes"; </script> </div> <div id="cbox">  <div align="center" id="cboxdiv"> <iframe frameborder="0" width="160" height="126" src="http://www3.cbox.ws/box/?boxid=2170333&boxtag=6744&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#FFFFFF 1px solid;" id="cboxmain"></iframe><br /> <iframe frameborder="0" width="160" height="75" src="http://www3.cbox.ws/box/?boxid=2170333&boxtag=6744&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform"></iframe> </div>  </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="255" height="205"></embed> </object> </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>

13 comments:

ian said...: this site is great...
-owesome profile..i dont have any idea on html.; January 17, 2008 at 11:57 PM
ian said...: i really want this lay-out..sana mapili mo to....please...please..please..please....; January 22, 2008 at 4:02 AM
☺♥KeLLy♥☺ said...: This comment has been removed by the author.; January 31, 2008 at 9:02 PM
Reborn_25 said...: hi ok!! I'll study this one just wait till i confirm..; January 31, 2008 at 9:08 PM
ian said...: wow..really...galing!!!!!; February 3, 2008 at 6:30 AM
Anonymous said...: plssss give the code for this overly; February 3, 2008 at 10:02 PM
Reborn_25 said...: the code is in the text box copy that code..; February 3, 2008 at 11:51 PM
Anonymous said...: cool!!!

great job!!

keep it up!!; March 15, 2008 at 6:51 AM
Anonymous said...: can you help me in how to have this layout?>>>; April 14, 2008 at 11:03 PM
Anonymous said...: Louie:

lol.. this one's nice..

visit my page

www.friendster.com/deltagamma; May 13, 2008 at 7:11 PM
Anonymous said...: cAn u hElP mE, wHere kOh mAiipastE uNg cOde niTo?; October 19, 2008 at 9:04 PM
Anonymous said...: hey dude can u help me out with this one, i really love it. im expecting ur help man,
heres my email add
metallic_emotions@yahoo.com
tnx in advance dude.; May 27, 2009 at 2:54 AM
hunterz said...: plzz how to put on friendster....tel me plz.....help; August 15, 2009 at 11:36 AM

Links

reminders before using the layouts:

Wednesday, January 16, 2008

Choose

13 comments:

reminders before using the layouts