Friendster Overlay Tutorial, Codes and Tweaks: Lilium

Code: Copy the code below

<html> <head> <title>Friendster - EDIT EDIT EDIT</title> <link rel="stylesheet" type="text/css" media="screen" href="http://www.geocities.com/serj0114/lilium2.css"> </head> <body bgcolor="#000000" background="http://i139.photobucket.com/albums/q290/aswang10/liliumbg2.jpg" valign="top" style="background-repeat:repeat-y; background-attachment:fixed; background-position:top;"> <div id="table" style=" overflow:hidden; position: absolute; left:83px"> <table width="595" height="158" border="0"> <tr> <td width="589" height="126" valign="bottom" background="http://i139.photobucket.com/albums/q290/aswang10/liliumbanner2.jpg"> <div id="myBanner"> <div align="center"> <span class="linkstyle"> <a href="/" target="_top" class="linkstyle">Home</a> | <a href="/user.php" target="_top" class="linkstyle">Profile</a> | <a href="/friends.php" target="_top" class="linkstyle">Friends</a> | <a href="/explore.php" target="_top" class="linkstyle">Explore</a> | <a href="/gallery.php" target="_top" class="linkstyle">Search</a> | <a href="http://mobs.friendster.com" target="_top" class="linkstyle">MOBS</a> | <a href="/video.php" target="_top" class="linkstyle">Video</a> | <a href="/editcollege.php?A=s" target="_top" class="linkstyle">Schools</a> | <a href="/blogs.php" target="_top" class="linkstyle">Blogs</a> | <a href="http://www.friendster.com/logout.php" target="_top" class="linkstyle">Log-out</a> </span> <br /> <br /> </div> </div> </td> </tr> </table> <table width="587" border="0"> <tr> <td width="351" height="230" valign="top"><table width="350" height="52" border="1" bordercolor="#000000"> <tr> <th width="321" height="1" valign="top" bordercolor="#333333" background="http://i184.photobucket.com/albums/x201/aswang011/tblheader.jpg" align="left"> <span class="headerstyle"> <span class="highlight">• </span>About Me</span> </th> </tr> <tr> <td valign="top" bordercolor="#333333" bgcolor="#000000"><table width="339" height="117" border="0"> <tr> <td width="10" valign="top"> </td> <br /> <td valign="top">    <center> <script language="JavaScript" type="text/javascript"> automainphoto="yes" </script> <div id="automainphotoid" style="height:100px;width:100px"> </div> </center> </td>    <td valign="top"><div align="left"> <span class="linkstyle"> <span class="highlight">NAME:</span> name <br /> <span class="highlight">AGE:</span> age <br /> <span class="highlight">GENDER:</span> gender <br /> <span class="highlight">STATUS:</span> status <br /> <span class="highlight">LOCATION:</span> location <br /> <span class="highlight">HOMETOWN:</span> hometown <br /> <span class="highlight">MEMBER SINCE:</span> member since </span> </div> </td> </tr> </table> <table width="325" border="0"> <tr> <td width="12"> </td> <td width="304"><table width="234" height="77" border="1" cellspacing="0" bordercolor="#000000" bgcolor="#333333"> <tr>    <td width="112" class="buttonlink"> <a href="http://www.friendster.com/sendmessage.php?uid=USERID" class="linkstyle">Send Message </a> </td> <td width="112" class="buttonlink"> <a href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile" class="linkstyle">Send a Smile </a> </td> </tr> <tr> <td width="112" class="buttonlink"> <a href="http://USERNAME.blogs.friendster.com/my_blog/" class="linkstyle">View Blog </a> </td> <td width="112" class="buttonlink"> <a href="http://www.friendster.com/referafriend.php?refer=USERID" class="linkstyle">Forward to Friend </a> </td> </tr> <tr> <td width="112" class="buttonlink"> <a href="http://www.friendster.com/group/inviteone.php?uid=USERID" class="linkstyle">Invite to Group </a> </td> <td width="112" class="buttonlink"> <a href="http://www.friendster.com/comments.php?uid=USERID" class="linkstyle">Add Comment </a> </td> </tr> <tr> <td width="112" class="buttonlink"> <a href="http://www.friendster.com/bookmarks.php?action=add&uid=USERID" class="linkstyle">Add Bookmark </a> </td> <td width="112" class="buttonlink">  <script language="JavaScript" type="text/javascript"> FAlink="yes"; FAucode='<span style=" text-decoration:none; font-size:10pxfont-family:verdana;color:#FFFFFF;" >Add as a Friend</span>'; </script> <div id="FAlinkid"></div> </div> </td> </tr> </table> </td> </tr> <tr> <td> </td> <td>  <div align="left"> <span class="highlight">Shoutout: </span> <br /> <script language="javascript"> AUSO="yes"; </script> </div> <div id="AUSOid" style="font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF"> <div align="left"> </div> </div> <br /> </td> </tr> </table> </td> </tr> </table> <table width="350" height="52" border="1" bordercolor="#000000"> <tr> <th width="321" height="1" valign="top" bordercolor="#333333" background="http://i184.photobucket.com/albums/x201/aswang011/tblheader.jpg" align="left"> <span class="headerstyle"> <span class="highlight">• </span>Photo Gallery</span> </th> </tr> <tr> <td valign="top" bordercolor="#333333" bgcolor="#000000">  <div id="content_1"></div> <script language="javascript"> module1="yes"; </script> <br /> </td> </tr> </table> <table width="350" height="52" border="1" bordercolor="#000000"> <tr> <th width="321" height="1" valign="top" bordercolor="#333333" background="http://i184.photobucket.com/albums/x201/aswang011/tblheader.jpg" align="left"> <span class="headerstyle"> <span class="highlight">• </span>More About Me</span> </th> </tr> <tr>    <td valign="top" align="left" bordercolor="#333333" bgcolor="#000000"> <br /> <span class="linkstyle"> <span class="highlight">SCHOOLS (OTHERS): </span><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br /><br /> <span class="highlight">AFFILIATIONS: </span><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br /><br /> <span class="highlight">HOBBIES AND INTEREST: </span><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br /><br /> <span class="highlight">FAVORITE BOOKS: </span><br /> LLorem ipsum dolor sit amet, consectetuer adipiscing elit.<br /><br /> <span class="highlight">FAVORITE MOVIES: </span><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br /><br /> <span class="highlight">FAVORITE TV SHOWS:</span><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br /><br /> <span class="highlight">ABOUT ME: </span><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br /><br /> <span class="highlight">WHO I WANT TO MEET: </span><br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br /> </span> <br /> </td> </tr> </table> <table width="350" height="52" border="1" bordercolor="#000000"> <tr> <th width="321" height="1" valign="top" bordercolor="#333333" background="http://i184.photobucket.com/albums/x201/aswang011/tblheader.jpg" align="left"> <span class="headerstyle"> <span class="highlight">• </span>Testimoials & Comments</span> </th> </tr> <tr> <td valign="top" bordercolor="#333333" bgcolor="#000000">  <div id="content_18" style="overflow:auto; width:321"></div> <script language="javascript"> module18="yes"; </script> </td> </tr> </table> </td> <td width="226" valign="top"><table width="228" height="52" border="1" bordercolor="#000000"> <tr> <th width="179" height="1" valign="top" bordercolor="#333333" background="http://i184.photobucket.com/albums/x201/aswang011/tblheader.jpg" align="left"> <span class="headerstyle"> <span class="highlight">• </span>My Friends</span> </th> </tr> <tr> <td valign="top" bordercolor="#333333" bgcolor="#000000"> <center>  <div id="content_2"></div> <script language="javascript"> module2="yes"; </script> </center> </td> </tr> </table> <table width="228" height="52" border="1" bordercolor="#000000"> <tr> <th width="179" height="1" valign="top" bordercolor="#333333" background="http://i184.photobucket.com/albums/x201/aswang011/tblheader.jpg" align="left"> <span class="headerstyle"> <span class="highlight">• </span>Chatbox</span> </th> </tr> <tr> <td valign="top" bordercolor="#333333" bgcolor="#000000"> <table border="0" cellpadding="0" cellspacing="0" summary="cbox tagboard" align="center"> <tr> <td align="center">      <iframe frameborder="0" width="210" height="310" src="http://www3.cbox.ws/box/?boxid=2814275&boxtag=8313&sec=main" marginheight="2" marginwidth="2" scrolling="Auto" allowtransparency="yes" name="seebox" style="border: #990099 0px solid;" id="seebox"> </iframe> </td> </tr> <tr> <td align="center"><div id="cboxap"></div></td> </tr> </table> <script language="javascript"> capboxid=2814275; capboxtag=8313; capmodule="pst"; cap="activate"; </script> </td> </tr> </table> <table width="228" height="52" border="1" bordercolor="#000000"> <tr> <th width="179" height="1" valign="top" bordercolor="#333333" background="http://i184.photobucket.com/albums/x201/aswang011/tblheader.jpg" align="left"> <span class="headerstyle"> <span class="highlight">• </span>Media Box</span> </th> </tr> <tr> <td valign="top" bordercolor="#333333" bgcolor="#000000"><center>  <div id="MEDIABOX" style=" overflow:hidden; left:323px; top:21px; width:200px; height:165px; z-index:39" align="center"> <object width="100" height="100"><param name="movie" value="http://www.youtube.com/v/URNEy3zT9kk&autoplay=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/URNEy3zT9kk&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="200" height="200"></embed></object> </div> <br /> </center></td> </tr> </table> <table width="228" height="52" border="1" bordercolor="#000000"> <tr> <th width="179" height="1" valign="top" bordercolor="#333333" background="http://i184.photobucket.com/albums/x201/aswang011/tblheader.jpg" align="left"> <span class="headerstyle"> <span class="highlight">• </span>Recent Visitors</span> </th> </tr> <tr> <td valign="top" bordercolor="#333333" bgcolor="#000000"> <center>      <iframe frameborder="0" width="210" height="130" src="http://www3.cbox.ws/box/?boxid=2814278&boxtag=9852&sec=main" marginheight="2" marginwidth="2" scrolling="Auto" allowtransparency="yes" name="cboxmainche" style="border: 0px solid;" id="cboxmainche"> </iframe> <br />  <script language="javascript"> boxid=2814278; boxtag=9852; wvcbox="yes"; wvcboxmodule="pst"; </script> <div id="wvcboxel" style="display:none "></div> </center> </td> </tr> </table> </td> </tr> </table> <table width="595" height="55" border="0"> <tr> <td width="589" height="55" valign="top" background="http://i184.photobucket.com/albums/x201/aswang011/footer.jpg"> <div id="footer" align="center"> <span class="footer"> <br /> <a href="/info/index.php?statpos=footer" target="_top" class="footer">About Us</a> | <a href="/info/contacts.php?statpos=footer" target="_top" class="footer">Contact Us</a> | <a href="/affiliate.php?statpos=footer" target="_top" class="footer">Promote My Profile</a> | <a href="/custhelp.php?statpos=footer" target="_top" class="footer">Help</a> | <a href="/info/tos.php?statpos=footer" target="_top" class="footer">Terms of Service</a> | <a href="/info/privacy.php?statpos=footer" target="_top" class="footer">Privacy Policy</a> <br /> Copyright 2002-2007 Friendster, Inc. All rights reserved. U.S. Patent No. 7,069,308, Layout by: <a href="www.friendster.com/chinoskii" target="_top" class="footer">ÇHINO</a> </span>  </div> </td> </tr> </table> </div> <script language="javascript"> unlocker="yes"; </script> <div id="unlockerbox" style="display:none"></div> </body> </html>

Links

reminders before using the layouts:

Tuesday, January 15, 2008

Lilium

0 comments:

reminders before using the layouts