<!-- design by
www.fslayouts.tk// -->
<html>
<head>
<title> Proud to be NOYPI; </title>
</head>
<style>
TO INSTALL THE LAYOUT IN FRIENDSTER:
1. copy the layout code.
2. open notepad in your pc then paste the codes there.
3. READ CAREFULLY ALL the instructions there before editing.
4. when you're done editing, go to
http://www.markyctrigger.com, then OGstandard
5. paste your edited codes, the press generate!
6. paste the generated codes in your media box.
GENERAL INSTRUCTIONS: READ FIRST BEFORE PROCEEDING!
1. Delete all your old codes first.
2. Download the background image and host it in sites like tinypic.com or imageshack.com
3. Replace the "BGIMAGE" with your own.
4. Replace the "USERID" and "IMAGELINK" with your own.
5. Do not alter the background image; you may change the content of each box or use scripts - provided you know what you're doing otherwise it might ruin your profile.
6. CREDIT PART SHOULD BE INTACT
</style>
<style type="text/css">
A:link
{ text-decoration: none; font-weight: none; color: #696969;
text-transform: lowercase; }
A:visited
{ text-decoration: none; color: #696969; text-transform: lowercase;}
A:active
{ text-decoration: none; color: #696969; text-transform: lowercase;}
A:hover
{
color: #8b0000;
cursor: nw-resize;
text-transform: lowercase;
position: relative;
height: 9px;
text-decoration: none;
}
body {
background: black;
top left fixed;
font-family: terminal;
color: black;
font-size: 9px;
line-height: 145%;
text-align: justify;
margin: 0px;
cursor: sw-resize;
scrollbar-face-color :#696969;
scrollbar-highlight-color : #ffffff;
scrollbar-3dlight-color : #ffffff;
scrollbar-shadow-color : #ffffff;
scrollbar-darkshadow-color : #ffffff;
scrollbar-track-color : #ffffff;
scrollbar-arrow-color : #696969;
cursor: sw-resize;
background-color: transparent;
}
.header {
font-family: verdana;
color: #8b0000;
font-size:24px;
letter-spacing:-3px;
text-align:center;
}
/* Background of the photo */
.flogridp .flogriditem { margin-right: 2px; width: 101px; height: 87px; background: url(http://images.friendster.com/images/pf.gif) no-repeat; }
/* Picture Size */
.flogridp .ir { width: 93px; height: 73px; margin: 3px 0 0 4px; }
.flogridp .ir img { margin: 0 auto; height: 73px; }
#content_friends_2_2
.ir img {
height:100px;
width:100px;
border:0px;
}
#AUT{ font-size:9px; color:black; padding:0px 2px 0px 2px;}
.left_column_testimonials IMG{width:50px; border:0px!important; margin-right:300px !important;}
.left_column_testimonials_content .date {color:#ffffff;}
.testimonialbody{ padding-bottom:5px; margin-bottom:5px;}
.left_column_testimonials a:visited, .left_column_testimonials a:link{text-decoration:none; color:#696969;}
.left_column_hr{overflow:hidden; clear:both; border-bottom:0px; height:5px; margin-bottom:5px;}
.seeall{padding-bottom:5px; text-align:center;}
.seeall a:link, .seeall a:visited{text-decoration:none; color:#696969;}
#content_publiccomments_1_7
.data {
list-style:none;
}
.evenrow {
background-color: transparent;
}
/** photos **/
.imgblock75 img {
height: 100px;
margin: 0 auto;
border:0px;
overflow:hidden;
}
.itd{
vertical-align:top;
}
/** testimonial contents **/
.dtd{
padding-left:2px;
padding-bottom:2px;
margin-bottom:0px;
margin-left: 2px;
margin-right: 2px;
text-align:justify;
font-size: 9px;
color: black;
}
/** names **/
.title a:visited, .title a:link{
text-decoration:none;
color:#696969!important;
font-size:9px;
}
.title a:hover{
color:#8b0000!important;
text-decoration: none;
font-weight: bold;
}
/** view all and add a testimonial links **/
.viewall a{
font-size: 9px;
color: #8b0000 !important;
text-decoration: none;
padding: 2px;
}
.viewall a:hover{
text-decoration: none;
font-size: 10px;
color:#696969!important;
font-weight: bold;
}
.viewall{
text-align:center!important;
}
h2{
display:none;
color:#ffffff;
}
.data li{
list-style-type:none;
}
.data{
padding:0;
margin:0;
}
</style>
<script>
function changeNavigation(id)
{document.getElementById('mainbox').innerHTML=document.getElementById(id).innerHTML}
</script>
<body>
<---------------------REPLACE BGIMAGE WITH YOUR OWN URL LINK -------------------->
<img src="BGIMAGE" border="0" width="775" USEMAP="#pinoy1_Map">
<MAP NAME="pinoy1_Map">
<area shape="rect" alt="friends" coords="700,34,735,69" name="friends" onClick="changeNavigation('friends')">
<area shape="rect" alt="comments" coords="658,34,694,67" name="comments" onClick="changeNavigation('comments')">
<area shape="rect" alt="links" coords="616,35,654,68" name="links" onClick="changeNavigation('links')">
<area shape="rect" alt="me" coords="574,34,612,67" name="me" onClick="changeNavigation('me')">
<AREA SHAPE="rect" ALT="" COORDS="694,3,751,27" HREF="http://www.friendster.com/logout.php" TARGET="_self">
<AREA SHAPE="rect" ALT="" COORDS="580,3,671,25" HREF="http://www.fslayouts.tk" TARGET="_blank">
<AREA SHAPE="rect" ALT="" COORDS="501,5,562,26" HREF="http://www.friendster.com/blogs.php" TARGET="_self">
<AREA SHAPE="rect" ALT="" COORDS="398,3,482,25" HREF="http://www.friendster.com/messages.php" TARGET="_self">
<AREA SHAPE="rect" ALT="" COORDS="306,4,383,25" HREF="http://www.friendster.com/user.php" TARGET="_self">
<AREA SHAPE="rect" ALT="" COORDS="241,2,287,25" HREF="http://www.friendster.com" TARGET="_self">
</MAP>
<!-- End ImageReady Slices -->
<div id="mainbox" style="background-color:transparent; position: absolute;left:256px;top:70px; z-index:2; padding: 2px 2px 2px 2px; text-align: center; height: 225px; width: 480px; border: 0px;text-align:center; overflow:auto;">
<div class="header"> Navigation;</div>
<br><br>
click the arrows above to know more about me;
</div>
<!-------------------------- START EDITING HERE -------------------------------->
<!---------------------- THIS IS YOUR ABOUT ME PART ---------------------------->
<div id="me" style="display:none; text-align: justify;">
<div class="header">facts;</div>
<br><br>
<span style="color:#696969;">Name: blah blah
</span><br>
<span style="color:#696969;">Nickname: blah blah
</span><br>
<span style="color:#696969;">Location: blah blah
</span><br>
<span style="color:#696969;">School: blah blah
</span><br>
<span style="color:#696969;">Hobbies: blah blah
</span><br>
<span style="color:#696969;">Occupation: blah blah
</span><br>
<span style="color:#696969;">Synonyms: blah blah
</span></span><br>
<span style="color:#696969;">Antonyms: blah blah
</span><br><br>
<!-------------- REPLACE 'IMAGELINK' WITH YOUR 150X100PICTURE ------------------>
<div class="header">in detail; </div>
<br><br>
<img src="IMAGELINK" align="left" width="150" height="100">
HERE'S MORE ABOUT ME PART!!!
</div>
<!--------------------------- END OF ABOUT ME PART ----------------------------->
<!-------------------- REPLACE 'USERID' WITH YOUR OWN USERID ------------------->
<div id="links" style="display:none; text-align:center;">
<div class="header">Links</div>
<br><br>
<a href="http://www.friendster.com/photos/USERID">View my Photos</a><br>
<a href="http://www.friendster.com/addfriendrequest.php?uid=USERID">Add me as your Friend</a><br>
<a href="http://www.friendster.com/comments.php?uid=USERID">Add a Comment</a><br>
<a href="http://www.friendster.com/sendmessage.php?uid=USERID">Send me a message</a><br>
<a href="http://www.friendster.com/sendmessage.php?uid=USERID&action=sendsmile">Send me a Smile</a><br>
<br><br>
<div class="header">Credits</div>
<br><br>
<a href="http://www.markyctrigger.com">Markyctrigger</a><br>
<a href="http://theftalk.com">Friendstertalk</a><br>
<a href="http://www.fslayouts.tk">FSlayouts</a><br>
</div>
<!--------------------------------- END OF LINKS PART -------------------------->
<!--------------------- EXTRA BOX replace with your own 'TITLE' ---------------->
<div style="background-color:transparent; position: absolute; top:337px; left:345px;z-index:1; text-align: center; height: 218px; overflow-y: auto; width: 196px; border: 0px;text-align:center;">
<div class="header">title here;
<br><br>
insert here other stuffs such as playlist, add-ons, games, etc.
note: MAKE SURE YOUR CONTENT FITS THE BOX. check out the width and height of this box above.
</div>
<br><br>
</div>
<!---------------------------------- END OF EXTRA BOX -------------------------->
<!---------------------------- INSERT YOUR CBOX HERE -------------------------->
<div style="background-color:transparent; position: absolute; top:337px; left:560px; z-index:1; height: 218px; overflow-y: auto; width:184px; border: 0px;text-align:center;">
<div class="header">shouts.</div>
<br>
insert here your cbox. you can get one from
www.cbox.ws
note: CHANGE the FIRST HEIGHT into 125 and the SECOND HEIGHT into 62 !
</div>
<!-------------------------------- END OF CBOX -------------------------------->
<!------------------------------ STOP EDITING HERE ---------------------------->
<div id="comments" style="display:none;">
<div class="header">what they say;</div>
<br><br>
<div id="content_publiccomments_1_7"></div>
<script language="javascript">
module5="yes";
</script><br>
</div>
</div>
</div>
<div id="friends" style="display:none;">
<div class="header">my fave friends;</div>
<br><br>
<div id="content_friends_2_2"></div>
<script language="javascript">
module8="yes";
</script>
</center><br>
</div>
</BODY>
</HTML>