Mirmo de Pon

Subject: Mirmo de Pon Fri May 01, 2009 3:59 pm

At last! I have made my own overlayout, i worked for almost one day to do this one.. hope you like it, by the way here's the layout:

Screenshot:

Mirmo de Pon Tn

Click this for the full screen:
https://2img.net/h/i249.photobucket.com/albums/gg222/navarro_046/sh-1.gif

Live Preview:
http://mirmo.50webs.com/mirmo.html
*NOTE: comment will not appear in the live preview but will appear in your profile

Before we go to the code, pls find the following legends in the code and edit it.

XXXXXXXXX - replace it with your userid
YOUR MAIN PHOTO URL - replace it w/ your photo url
FRIEND'S USERID - replace it w/ your one and only featured frien's userid
FRIEND'S MAIN POTO URL - replace it w/ your one and only featured frien's main photo url

and here's the code that you wil edit:

Code:: <html>
<head>
<title>(/!~Mirmo de Pon~!/)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

#AUT{ font-size:11px; color:#9FF8F4; padding:0px 5px 0px 5px;}
.left_column_testimonials IMG{width:50px; border:2px solid #586278
!important; margin-right:300px !important;}
.left_column_testimonials_content .date {color:green;}
.testimonialbody{ padding-bottom:5px; margin-bottom:5px;}
.left_column_testimonials a:visited, .left_column_testimonials
a:link{text-decoration:none; color:#B00000;}
.left_column_hr{overflow:hidden; clear:both; border-bottom:1px solid
#maroon; height:5px; margin-bottom:5px;}
.seeall{padding-bottom:5px; text-align:center;}
.seeall a:link, .seeall a:visited{text-decoration:none; color:#ff0000;}
.seeall a:hover, a:hover{color:#dc7344;}
.imgblock75 img{ height:50px; width:50px; overflow: hidden;
border:#9bcfe7 0px solid; margin: 0 auto;}
.itd{ vertical-align:top; }
.dtd{ padding-left:10px; padding-bottom:10px; margin-bottom:0px;
margin-left: 5px; margin-right: 5px; text-align:justify; font-size: 10px;
color: maroon;}
.title a:visited, .title a:link{ text-decoration:none; color:#534834
!important; font-size:11px;}
.title a:hover{ color:maroon!important; text-decoration: none;
font-weight: bold;}
.viewall a{ font-size: 11px; color: #534834 !important;
text-decoration: none; padding: 2px; }
.viewall a:hover{ text-decoration: none; color:#534834 !important;
font-weight: bold; text-decoration:none; }
.viewall{ text-align:center!important; }
h2{ display:none; color:black; }
.data li{ list-style-type:none; }
.data{ padding:0; margin:0; }
img { border:0px; }

</style>
</head>
<body bgcolor="#CCFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<center><table id="Table_01" width="769" height="951" border="0" cellpadding="0" cellspacing="0">
<tr>
   <td colspan="8">
      <img src="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_01.gif" width="768" height="344" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="1" height="344" alt=""></td>
</tr>
<tr>
   <td colspan="2" rowspan="4">
      <img src="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_02.gif" width="78" height="368" alt=""></td>
   <td rowspan="3" background="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_03.gif">
      <a href="http://www.friendster.com/photos/XXXXXXXXX" target="_self"><img src="YOUR MAIN PHOTO URL" width="204" height="196" border="0" alt="My pHOTo"></a></td>
   <td colspan="2" rowspan="4">
      <img src="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_04.gif" width="184" height="368" alt=""></td>
   <td>
      <img src="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_05.gif" width="104" height="36" alt=""></td>
   <td colspan="2" rowspan="4">
      <img src="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_06.gif" width="194" height="368" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
   <td background="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_07.gif">
      <center><a href="http://profiles.friendster.com/FRIEND'S USERID" target="_self"><img src="FRIEND'S MAIN POTO URL" width="100" height="95" alt="Go to my Bestfriend's Profile" border="0"></a><br><a href="http://friendster.com/friends/XXXXXXXXX"><img src="http://i249.photobucket.com/albums/gg222/navarro_046/vl.gif" border="0" alt="View All"></a></center></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="1" height="116" alt=""></td>
</tr>
<tr>
   <td rowspan="2">
      <img src="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_08.gif" width="104" height="216" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
   <td>
      <img src="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_09.gif" width="208" height="168" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="1" height="168" alt=""></td>
</tr>
<tr>
   <td>
      <img src="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_10.gif" width="46" height="162" alt=""></td>
   <td colspan="3" background="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_11.gif">
      <center><div id="content_18" style="width: 300px; height: 90px; overflow: auto; padding: 5px;"></div>
<script language="javascript">
module18="yes";
</script></center></td>
   <td colspan="3" background="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_12.gif">
      
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="85" src="http://www6.cbox.ws/box/?boxid=68217&boxtag=ey9l7w&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#ababab 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="250" height="70" src="http://www6.cbox.ws/box/?boxid=68217&boxtag=ey9l7w&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#ababab 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
</td>
   <td rowspan="2">
      <img src="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_13.gif" width="74" height="238" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="1" height="162" alt=""></td>
</tr>
<tr>
   <td colspan="7">
      <img src="http://i249.photobucket.com/albums/gg222/navarro_046/overlay_14.gif" width="694" height="76" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="1" height="76" alt=""></td>
</tr>
<tr>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="46" height="1" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="32" height="1" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="208" height="1" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="106" height="1" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="78" height="1" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="104" height="1" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="120" height="1" alt=""></td>
   <td>
      <img src="http://geocities.com/navarro.louie/spacer.gif" width="74" height="1" alt=""></td>
   <td></td>
</tr>
</table><embed src="http://i47.photobucket.com/albums/f165/alexdale1/mediaplayer-2.swf" width="0" height="0" type="application/x-shockwave-flash" allowfullscreen="false" flashvars="&file=http%3A%2F%2Fwww.wrzuta.pl%2Faud%2Ffile%2FhkDU0hanIh%2FParamore_-_Decode_%28Acoustic_Version%29.mp3&height=0&width=0&showeq=true&autostart=true&shuffle=false&volume=100"></embed><table id="Table_01" width="767" height="42" border="0" cellpadding="0" cellspacing="0">
<tr>
   <td>
      <a href="http://friendster.com" target="_self">
         <img src="http://i249.photobucket.com/albums/gg222/navarro_046/home.gif" width="98" height="42" border="0" alt="Go to Homepage"></a></td>
   <td>
      <a href="http://profiles.friendster.com/user.php" target="_self">
         <img src="http://i249.photobucket.com/albums/gg222/navarro_046/Profile-4.gif" width="91" height="42" border="0" alt="Go to Your Profilebb"></a></td>
   <td>
      <a href="http://www.friendster.com/addfriendrequest.php?uid=XXXXXXXXX" target="_self">
         <img src="http://i249.photobucket.com/albums/gg222/navarro_046/Add-as-Friend.gif" width="179" height="42" border="0" alt="Add me as your friend!"></a></td>
   <td>
      <a href="http://www.friendster.com/sendmessage.php?uid=XXXXXXXXX" target="_self">
         <img src="http://i249.photobucket.com/albums/gg222/navarro_046/sendamessage.gif" width="190" height="42" border="0" alt="Send me a Message!"></a></td>
   <td>
      <a href="http://www.friendster.com/publiccomments.php?uid=XXXXXXXXX" target="_self">
         <img src="http://i249.photobucket.com/albums/gg222/navarro_046/postacomment.gif" width="209" height="42" border="0" alt="Pass me a Comment"></a></td>
</tr>
</table>
</center>

</body>
</html>

after editing the code generate it here:
http://markyctrigger.com

then get the generated code and add this app and paste the code in the box:
http://widgets.friendster.com/theblackedge
Lock Code: 012808
or just go here to get the full instruction on applying the layout to your profile:
http://www.markyctrigger.com/forum/index.php?topic=7501.0

If there's anything wrong w/ the layout, just report it to me ok!