Friendster Overlay Tutorial, Codes and Tweaks: Marvin

Code: Copy the code below

<html><head> <title>Marvin the Martian</title>  <style> .boxcontent { padding: 0px 0px; } .flogrid75, .flogridp { zoom: 1; } .flogrid75:after, .flogridp:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .flogridp { margin-right: 0px; margin-left: 0px; } .flogridp .flogriditem { background-color:#000000; margin-right: 0px; width: 3px; height: 65px; } .flogrid75 .flogriditem { width: 53px; } .flogridp .ir { width: 53px; height: 53px; margin: 0px 0 0 4px; } .flogridp .ir img { margin: 0 auto; height: 53px; width: 53px} </style> <script language="JavaScript"> function PopupMe(){ myleft=3;mytop=3; settings='top=' + mytop + ',left=' + myleft + ',width=218,height=476,location=no,directories=no,menubar=no,toolbar=no,status=no,scrollbars=no,resizable=no,fullscreen=no' PopupWin=window.open('http://www.friendster.com/user.php?uid=37644947','PopupWin', settings); PopupWin.focus();} </script> <style type="text/css"> /** pics **/ .imgblock75 img{ height:66px; width:66px; overflow: hidden; border:#FFFFFF 0px solid; margin: 0 auto; } .imgblock75 a:hover img { border:#FFFFFF 0px solid; } .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; text-decoration:none; color:#FFFFFF!important; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; } /** names **/ .title a:visited, .title a:link{ text-decoration:none; color:#FFCC33!important; font-size:10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .title a:hover{ color:#FFCC33!important; text-decoration: none; font-weight:bold; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; } /** view all and add a testimonial links **/ .viewall a{ font-size: 11px; color: #FFFFFF!important; text-decoration: none; font-size:10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .viewall a:hover{ font-size:10px; text-decoration: none; color:#FFFFFF!important; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } .viewall{ font-size:10px; text-decoration: none; color:#FFFFFF!important; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } h2{ display:none; } .data li{ list-style-type:none; } .data{ padding:0; margin:0; } </style>  <style type="text/css"> /** images **/ .ir img { height:45px; width:45px; border:#FFFFFF 1px solid; } .ir a:hover img { border:#FFFFFF 1px solid; } /** caption **/ .dr a { font-size: 10px; text-align: center; text-decoration: none; color:#FFCC33; font-family:Verdana, Arial, Helvetica, sans-serif; } .dr a:hover { font-weight: bold; } .flogriditem { float: left; margin: 2px 20px 2px 5px; } </style>    <style type="text/css"> .cboxButtons { background-color: #000000; border-color: #FFCC33; color: #FFCC33; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } .cboxMsgArea { padding:2px 2px 2px 2px; width:180px; height:40px; background-color: #000000; border: #FFCC33 1px solid; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;} </style>  <style> #automainphotoid img { width:100px;height:100px; border:#FFFFFF 1px solid; } #FAlinkid img { border: #191919 0px solid; } </style> <style type="text/css"> .commentButtons { background-color: #000000; border-color: #FF3399; color: #FF3399; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } .commentbox { padding:2px 2px 2px 2px; width:197px; height:70px; background-color: #000000; border: #FF3399 1px solid; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;} </style> <style type="text/css"> .commentButtons { background-color: #151515; border-color: #FFCC33; color: #FFCC33; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } .commentbox { padding:2px 2px 2px 2px; width:197px; height:70px; background-color: #151515; border: #FFCC33 1px solid; color: #FFCC33; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;} </style> <style type="text/css"> BODY { scrollbar-face-color: #151515; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #FFCC33; scrollbar-track-color: #000000; color:#00FFCC; border-style:solid; border-left-width:0px; border-right-width:0px; border-color:#000000; } </style> <style type="text/css">  </style> </head> <body bgcolor="#272727"> <div id="Background" style="position:absolute; overflow:auto; left:41px; top:6; width:907px; height:557px; z-index:0"> <table border="0" cellpadding="0" cellspacing="0" width="900">  <tr> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="207" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="80" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="19" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="58" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="62" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="5" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="62" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="54" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="19" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="17" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="29" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="54" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="45" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="10" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="63" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="58" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="29" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="29" height="1" border="0" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td rowspan="3" colspan="3"><img name="marvin_r1_c1" src="http://www.freewebtown.com/marvin_d_martian/marvin_r1_c1.jpg" width="306" height="132" border="0" id="marvin_r1_c1" alt="" /></td> <td colspan="15"><img name="marvin_r1_c4" src="http://www.freewebtown.com/marvin_d_martian/marvin_r1_c4.jpg" width="594" height="43" border="0" id="marvin_r1_c4" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="1" height="43" border="0" alt="" /></td> </tr> <tr> <td><a href="http://www.friendster.com/"><img name="marvin_r2_c4" src="http://www.freewebtown.com/marvin_d_martian/marvin_r2_c4.jpg" width="58" height="17" border="0" id="marvin_r2_c4" alt="" /></a></td> <td><a href="http://www.friendster.com/user.php"><img name="marvin_r2_c5" src="http://www.freewebtown.com/marvin_d_martian/marvin_r2_c5.jpg" width="62" height="17" border="0" id="marvin_r2_c5" alt="" /></a></td> <td colspan="2"><a href="http://www.friendster.com/friends.php"><img name="marvin_r2_c6" src="http://www.freewebtown.com/marvin_d_martian/marvin_r2_c6.jpg" width="67" height="17" border="0" id="marvin_r2_c6" alt="" /></a></td> <td><a href="http://mobs.friendster.com/"><img name="marvin_r2_c8" src="http://www.freewebtown.com/marvin_d_martian/marvin_r2_c8.jpg" width="54" height="17" border="0" id="marvin_r2_c8" alt="" /></a></td> <td colspan="3"><a href="http://www.friendster.com/gallery.php"><img name="marvin_r2_c9" src="http://www.freewebtown.com/marvin_d_martian/marvin_r2_c9.jpg" width="65" height="17" border="0" id="marvin_r2_c9" alt="" /></a></td> <td><a href="http://www.friendster.com/video.php"><img name="marvin_r2_c12" src="http://www.freewebtown.com/marvin_d_martian/marvin_r2_c12.jpg" width="54" height="17" border="0" id="marvin_r2_c12" alt="" /></a></td> <td colspan="2"><a href="http://www.friendster.com/blogs.php"><img name="marvin_r2_c13" src="http://www.freewebtown.com/marvin_d_martian/marvin_r2_c13.jpg" width="55" height="17" border="0" id="marvin_r2_c13" alt="" /></a></td> <td><a href="http://www.friendster.com/group/mygroup.php"><img name="marvin_r2_c15" src="http://www.freewebtown.com/marvin_d_martian/marvin_r2_c15.jpg" width="63" height="17" border="0" id="marvin_r2_c15" alt="" /></a></td> <td><a href="http://www.friendster.com/invite.php"><img name="marvin_r2_c16" src="http://www.freewebtown.com/marvin_d_martian/marvin_r2_c16.jpg" width="58" height="17" border="0" id="marvin_r2_c16" alt="" /></a></td> <td rowspan="5" colspan="2"><img name="marvin_r2_c17" src="http://www.freewebtown.com/marvin_d_martian/marvin_r2_c17.jpg" width="58" height="427" border="0" id="marvin_r2_c17" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="1" height="17" border="0" alt="" /></td> </tr> <tr> <td rowspan="3" colspan="13"><img name="marvin_r3_c4" src="http://www.freewebtown.com/marvin_d_martian/marvin_r3_c4.jpg" width="536" height="387" border="0" id="marvin_r3_c4" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="1" height="72" border="0" alt="" /></td> </tr> <tr> <td colspan="3"><img name="marvin_r4_c1" src="http://www.freewebtown.com/marvin_d_martian/marvin_r4_c1.jpg" width="306" height="207" border="0" id="marvin_r4_c1" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="1" height="207" border="0" alt="" /></td> </tr> <tr> <td rowspan="5"><img name="marvin_r5_c1" src="http://www.freewebtown.com/marvin_d_martian/marvin_r5_c1.jpg" width="207" height="211" border="0" id="marvin_r5_c1" alt="" /></td> <td rowspan="3" colspan="2"><img name="marvin_r5_c2" src="http://www.freewebtown.com/marvin_d_martian/marvin_r5_c2.jpg" width="99" height="156" border="0" id="marvin_r5_c2" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="1" height="108" border="0" alt="" /></td> </tr> <tr>       <td colspan="3"><a href="http://www.friendster.com/usersearch.php?search=1&country=PH&usearch=Emailadd%40yahoo.com"> <img name="marvin_r6_c4" src="http://www.freewebtown.com/marvin_d_martian/marvin_r6_c4.jpg" width="125" height="23" border="0" id="marvin_r6_c4" alt="" /> </a></td>    <td colspan="3"><a href="http://www.friendster.com/sendmessage.php?uid=USERID"> <img name="marvin_r6_c7" src="http://www.freewebtown.com/marvin_d_martian/marvin_r6_c7.jpg" width="135" height="23" border="0" id="marvin_r6_c7" alt="" /></a></td> <td colspan="4"><a href="http://www.friendster.com/publiccomments.php?uid=USERID"> <img name="marvin_r6_c10" src="http://www.freewebtown.com/marvin_d_martian/marvin_r6_c10.jpg" width="145" height="23" border="0" id="marvin_r6_c10" alt="" /></a></td> <td colspan="3"><a href="http://www.friendster.com/testimonials.php?action=add&uid=USERID"> <img name="marvin_r6_c14" src="http://www.freewebtown.com/marvin_d_martian/marvin_r6_c14.jpg" width="131" height="23" border="0" id="marvin_r6_c14" alt="" /></a></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="1" height="23" border="0" alt="" /></td>  </tr> <tr> <td colspan="15"><img name="marvin_r7_c4" src="http://www.freewebtown.com/marvin_d_martian/marvin_r7_c4.jpg" width="594" height="25" border="0" id="marvin_r7_c4" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="1" height="25" border="0" alt="" /></td> </tr> <tr> <td><a href="http://www.youtube.com/"><img name="marvin_r8_c2" src="http://www.freewebtown.com/marvin_d_martian/marvin_r8_c2.jpg" width="80" height="38" border="0" id="marvin_r8_c2" alt="" /></a></td> <td colspan="4"><a href="http://www.blackrevolver.com/"><img name="marvin_r8_c3" src="http://www.freewebtown.com/marvin_d_martian/marvin_r8_c3.jpg" width="144" height="38" border="0" id="marvin_r8_c3" alt="" /></a></td> <td colspan="4"><a href="http://www.newgrounds.com"><img name="marvin_r8_c7" src="http://www.freewebtown.com/marvin_d_martian/marvin_r8_c7.jpg" width="152" height="38" border="0" id="marvin_r8_c7" alt="" /></a></td> <td colspan="3"><a href="http://www.markyctrigger.com/"><img name="marvin_r8_c11" src="http://www.freewebtown.com/marvin_d_martian/marvin_r8_c11.jpg" width="128" height="38" border="0" id="marvin_r8_c11" alt="" /></a></td> <td colspan="4"><a href="http://www.markyctrigger.com/"><img name="marvin_r8_c14" src="http://www.freewebtown.com/marvin_d_martian/marvin_r8_c14.jpg" width="160" height="38" border="0" id="marvin_r8_c14" alt="" /></a></td> <td rowspan="2"><img name="marvin_r8_c18" src="http://www.freewebtown.com/marvin_d_martian/marvin_r8_c18.jpg" width="29" height="55" border="0" id="marvin_r8_c18" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="1" height="38" border="0" alt="" /></td> </tr> <tr> <td colspan="16"><img name="marvin_r9_c2" src="http://www.freewebtown.com/marvin_d_martian/marvin_r9_c2.jpg" width="664" height="17" border="0" id="marvin_r9_c2" alt="" /></td> <td><img src="http://www.freewebtown.com/marvin_d_martian/spacer.gif" width="1" height="17" border="0" alt="" /></td> </tr> </table> </div> <div id="Background3" style="position:absolute; overflow:auto; left:342px; top:72px; width:550px; height:375; z-index:1; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;">    <div id="mp3player2" style="position:absolute; overflow:hidden; left:323px; top:21px; width:200px; height:139px; z-index:39" align="center"> <object width="100" height="100"><param name="movie" value="http://www.youtube.com/v/Jy2LcOU-n14&autoplay=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Jy2LcOU-n14&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="200" height="200"></embed></object> </div>  <div class="style91" id="border1" style="position:absolute; overflow:hidden; left:12px; top: 15; width:300; height:13px; z-index:5; background-color: #151515; layer-background-color: #151515; border: 1px none #000000;"> <div align="left" class="style97">ABOUT ME </div> </div> <div class="style91" id="DORDER4" style="position:absolute; overflow:hidden; left:322px; top: 15; width:200; height:13px; z-index:5; background-color: #151515; layer-background-color: #151515; border: 1px none #000000;"> <div align="left" class="style97"> MEDIA BOX</div> </div> <div class="style91" id="layer3" style="position:absolute; overflow:hidden; left:323px; top:163px; width:200; height:13px; z-index:5;"> <div align="left" class="style92"> "Bless the Fall - Higinia"</div> </div> <div id="Layer5" style="position:absolute; overflow:auto; left:12; top:36px; width:300; height:330; z-index:32;filter:Chroma(Color=#333333)"> <div id="automainphoto" style="position:absolute; overflow:auto; left:8px; top:6px; width:115px; height:112px; z-index:19"> <script language="JavaScript" type="text/javascript"> automainphoto="yes" </script> <div id="automainphotoid" style="height:100px;width:100px"></div> </div> <div align="left"><br /> <br /> <br /> <br /> <br /> <br /> <span class="style84"><br /> <br /> </span> <div id="photos" style="position: absolute; width: 87px; height: 25px; z-index: 3; left:17px; top:114px; overflow: hidden; filter:Chroma(Color=#050505);"><a href="http://www.friendster.com/photos/42617629" target="_top" class="style92">view photos </a> </div>    <br /> <div id="content_photos_1_2"></div> <script language="javascript"> module1="yes"; </script> <br /> <span class="style84"><br /> <span class="style86">Schools (others):<br /> </span> EDIT EDIT EDIT EDIT EDIT EDIT<br /><br /> <span class="style86">Occupation:<br /> </span> EDIT EDIT EDIT EDIT EDIT EDIT<br /><br /> <span class="style86">Affiliations:<br /> </span> EDIT EDIT EDIT EDIT EDIT EDIT<br /><br /> <span class="style86">Companies:<br /> </span> EDIT EDIT EDIT EDIT EDIT EDIT<br /><br /> <span class="style86">Hobbies and Interest:<br /> </span> EDIT EDIT EDIT EDIT EDIT EDIT<br /><br /> <span class="style86">Favorite Book:<br /> </span> EDIT EDIT EDIT EDIT EDIT EDIT><br /><br /> <span class="style86">Favorite Music:<br /> </span> EDIT EDIT EDIT EDIT EDIT EDIT<br /><br /> <span class="style86">Favorite Movies:<br /> </span> EDIT EDIT EDIT EDIT EDIT EDIT<br /><br /> <span class="style86">Favorite TV shows:<br /> </span> EDIT EDIT EDIT EDIT EDIT EDIT<br /><br /> <span class="style86">About me:<br /> </span> EDIT EDIT EDIT EDIT EDIT EDIT<br /><br /> <span class="style86">Who I want to meet:<br /> </span> EDIT EDIT EDIT EDIT EDIT EDIT<br /><br /> </span> </div> <div id="automainphoto" style="position:absolute; overflow:hidden; left:125px; top:6px; width:151px; height:130px; z-index:19"> <p class="style84"> <span class="style86">NAME:</span> NAME<br /> <span class="style86">AGE:</span> AGE <br /> <span class="style86">GENDER:</span> GENDER <br /> <span class="style86">STATUS:</span> STATUS <br /> <span class="style86">LOCATION:</span> LOCATION <br /> <span class="style86">HOMETOWN:</span> HOMETOWN <br /> <span class="style86">MEMBER SINCE:</span> MEMBER SINCE </p> </div> </div> <div id="layer" style="position:absolute; overflow:hidden; left:36px; top:412px; width:251px; height:192px; z-index:39" align="center"> <div id="content_friends_2_2"></div> <script language="javascript"> module8="yes"; </script> </div>    <div id="layer6" style="position: absolute; width: 205px; height: 165px; z-index: 3; left:320px; top:411px; overflow: hidden; filter:Chroma(Color=#333333);"> <iframe frameborder="0" width="200" height="151" src="http://www3.cbox.ws/box/?boxid=2572328&boxtag=4493&sec=main" marginheight="2" marginwidth="2" scrolling="Auto" allowtransparency="yes" name="cboxmainche" style="border: 0px solid;" id="cboxmainche"></iframe> <br /> <script language="JavaScript" type="text/javascript"> boxid=2572328; boxtag=4493; wvcbox="yes"; wvcboxmodule="pst"; </script> <div id="wvcboxel" style="display:none"></div> </div> <div class="style91" id="commentbox" style="position:absolute; overflow:hidden; left:322px; top:274px; width:200; height:96px; z-index:5;"> <script language="javascript"> quickcomment="yes"; </script> <div id="quickcommentid"></div> </div> <div id="COMMENTs" style="position:absolute; overflow:auto; left:13; top:608px; width:510; z-index:40; filter:Chroma(Color=#333333)"> <div id="content_publiccomments_1_7" style="margin-right:5"></div> <script language="javascript"> module5="yes"; </script> </div> <div class="style91" id="layer7" style="position:absolute; overflow:hidden; left:70px; top:1419px; width:384px; height:40px; z-index:5;"> <div align="left" class="style97"></div> </div> <div class="style91" id="layer9" style="position:absolute; overflow:hidden; left:12px; top:584px; width:510; height:13px; z-index:5; background-color: #151515; layer-background-color: #151515; border: 1px none #000000;"> <div align="left" class="style97">TESTIMONIALS / COMMENTS </div> </div> <div class="style91" id="VIEWERS" style="position:absolute; overflow:hidden; left:322px; top:389px; width:200; height:13px; z-index:5; background-color: #151515; layer-background-color: #151515; border: 1px none #000000;"> <div align="left" class="style97">RECENT VIEWERS </div> </div> <div class="style91" id="layer4" style="position:absolute; overflow:hidden; left:13; top:389px; width:300; height:13px; z-index:5; background-color: #151515; layer-background-color: #151515; border: 1px none #000000;"> <div align="left" class="style97">MY FRIENDS </div> </div> <div class="style91" id="layer2" style="position:absolute; overflow:hidden; left:322px; top:253px; width:200; height:13px; z-index:5; background-color: #151515; layer-background-color: #151515; border: 1px none #000000;"> <div align="left" class="style97">POST A COMMENT </div> </div> <div id="weeeee" style=" width:200px; height:66px;z-index:91;overflow:hidden; color:#CCCCCC; position:absolute; top:181px; left:322px"> <script language="javascript"> AUSO="yes"; </script> <div id="AUSOid"></div> </div> </div> <div id="layer5" style=""> <a href="http://www.friendster.com/messages.php" class="style104">Messages </a><span class="style101"><span class="style108">• </span></span><span class="style104"><a href="http://www.friendster.com/editaccount.php" class="style104">Settings</a></span> <span class="style104">• </span><a href="http://www.friendster.com/custhelp.php" class="style104">Help </a><span class="style101"> <span class="style108">• </span></span><a href="http://www.friendster.com/logout.php" class="style104"> Log-out</a></div> <div id="layersdw" style="position: absolute; width: 566px; height: 25px; z-index: 3; left:88px; top:6px; overflow: hidden; class="> <a href="javascript:PopupMe()" class="style108 style109">Click here to view the <span class="style110">Message Box</span> (Note: Allow popup if popup is blocked) </a></div> </body> </html>

Links

reminders before using the layouts:

Wednesday, January 16, 2008

Marvin

1 comments:

reminders before using the layouts