Newbies are not allowed to post in this thread.
preview:http://profiles.friendster.com/26767403
here the code!!!
edit yur own (URL)
/*LAYOUT BY: shahthaiko*/
/*shahjackle*/
/*no ripping!*/
/* GLOBAL CODES */
body {
background-image: url(URL);
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;
background-color: 000000;
scrollbar-3dlight-color:808080;
scrollbar-shadow-color:808080;
scrollbar-face-color:000000;
scrollbar-darkshadow-color:808080;
scrollbar-track-color:000000;
scrollbar-arrow-color:ffffff;
scrollbar-highlight-color:000000;
border-style: groove; border-top-color: #4d4d4d;
border-bottom-color: #4d4d4d; border-left-color: #4d4d4d;
border-right-color: #4d4d4d; border-top-width: 25px;
border-bottom-width: 25px; border-left-width: 48px;
border-right-width: 48px;
cursor:url(URL);}
}
/*FONTS*/
.usercontent {
color: #ffffff;
}
/*LINKS*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #808080;
}
.usercontent a:hover {
text-decoration: none;
color: #ffffff;
}
/*EVENROW*/
.commonbox .evenrow {
background-color: transparent;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
color: #808080;
}
.controlpanel .data {
color: #808080;
}
.data {
color: #808080;
}
/*DATA*/
.data a {
text-decoration: ;
}
/*MORE abt LINK*/
a.more {
text-decoration: ;
}
/*BUTTONS: font*/
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: old English text mt, Sans-serif;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: viner hand itc, Sans-serif;
text-decoration: ;
}
/* BOX*/
/* CTRL PANEL*/
.controlpanel { border-color: 808080; border-style: none; border-size: 3px;
background-color: 000000;
overflow: auto;
float: left !important; position:absolute; left:80px; top:410px;
height:320px! important; width: 240px;
div
{
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-face-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-track-color:000000;
scrollbar-arrow-color:000000;
scrollbar-highlight-color:000000;}
/* MORE ABOUT ME*/
.moreabout {
background-color: transparent;
overflow:auto;
float: left !important; position:absolute; left:20px; top: 750px;
height:170px !important; width: 380px;
scrollbar-3dlight-color:730d0b;
scrollbar-shadow-color:808080;
scrollbar-face-color:000000;
scrollbar-darkshadow-color:808080;
scrollbar-track-color:000000;
scrollbar-arrow-color:ffffff;
scrollbar-highlight-color:000000;}
/* COMMENT*/
.publiccomments {
background-color: transparent;
overflow: auto;
float: left !important; position:absolute;left:20px; top:925px;
height:200px !important; width: 380px !important;
}
/* MEDIA*/
#scrapbook_1_8 {
overflow: auto; width: 550px; height: 525px;
float: left !important; position:absolute; left:430px; top:580px;
background-color: #000000;
filter: alpha (opacity=80);
}
/* PIC GALLERY*/
.photos {
background-color: #000000;
filter: alpha (opacity=80);
float: left !important; position:absolute; top:410px; left:450px; width: 500px;}
#photos_1_2 .flogriditem .ir, { background-color: transparent;}
.flogridp .flogriditem { background-color: transparent; }
/* Tago Mode*/
.fanof, .myfans, .reviews, .blogs, #meettrail, .groups, .reportabuse, #ads_2_3, #marketing_bg, search, search form, {display: none;}
.commonbox h1, .commonbox h2 { display: none; background-color: #000000; font-family:viner hand itc; color: #808080;}
.controlpanel a.more {display:none;}
--------------------
#footer_container {width:900px; }
#footer { float: left !important; position:absolute; left: 280px; top: 1120px;}
.controlpanel .imgblock200 { border-style: none; }
.user_tracker {
font-size: 10px;
font-family:viner hand itc;
font-weight:bold;
color: ffffff;
background-color: transparent;
border: #ff0000;
border-style: outset;
border-width: 10px;
}
.commonbox .dr { background-color: black;}
p { font-family: 'viner hand itc';
color: #ff0000;
}
#controlpanelbuttons a:link {color: #000000; border-color: none; border-style: none;
background-color: transparent;
background-image: url(URL); background-attachment: fixed;
background-repeat: no-repeat; background-position: center top; width: 120px;}
#controlpanelbuttons a:visited {color: #000000; border-color: none; border-style: none;
background-color: transparent;
background-image: url(URL); background-attachment: fixed;
background-repeat: no-repeat; background-position: center top; width: 120px;}
#controlpanelbuttons a:hover {color: #ffffff; border-color: none; border-style: none;
background-color: transparent;
background-image: url(URL); background-attachment: fixed;
background-repeat: no-repeat; background-position: center top; width: 120px;}
.controlpanel .so, .minicontrolpanel .so { width: 257px; position: relative; background:url('URL'); color: #ff0000; font-weight: bold; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px }
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:; no-repeat }
.controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:; no-repeat; line-height: 0; font-size: 0 }
/* MAIN NAVIGATION LINKS */
#mainnav a {border: 3 outset #ff0000; margin: 0 2 0 2; width: 130px; font:10; text-decoration:none! important; color: #808080; }
#mainnav a:visited {border: 3 outset #808080; margin: 0 2 0 2; width: 130px; font:10; text-decoration:none! important; color #808080 }
#mainnav a:hover {border:3 inset #808080; background-color: #000000; margin: 0 2 0 2; width: 130px; font:10; text-decoration:none! important; #808080;}
.primary_links a{background-color: transparent; font-color: #808080;}
.secondary_links a{ display:none;}
#mainnav {border: transparent; background:transparent;}
#mainnav span, #mainnav_left, #mainnav_right {display:none}
#navdivider {display:none;}
#navigation div {background-color: transparent !important;}
#mainnav {display:none;}
#subnav {display:none;}
#search{display:none;}
.secondary_links {display:none;}
/* HIDDEN PHOTO GALLERY BOX */
.photos {
display: none;
}
.friends {
background-color: #000000;
overflow:auto; overflow-x: hidden;
float: left !important; position:left ; top:110px; left:30px;
height:110px !important; width: 250px !important;}
}
img {
filter:alpha(Opacity=130,FinishOpacity=0,Style=1);
}
/* HOVER BACKGROUND EFFECT */
a:hover, a.navbar:hover {
background-image:url(URL);
}
a:hover img {
background-image:url(URL);
filter:none;alpha(opacity=50);
}
/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
opacity:.0;
filter: alpha(opacity=0);
margin: 0 auto;
}
.imgblock200 a:hover {
background-image: url(URL);
background-position: center center;
background-repeat: no-repeat;
text-align: center center;
margin-bottom: 20px;
}
body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('fuck off!!! everything is copyright!')}}
document.onmousedown=rightclick);}
body{top:expr/**/ession(friendsterforumpagetitle()
function friendsterforumpagetitle(){
document.title ='++shah++' ;
});}
/* MAIN */
.controlpanel .q {
background: url(URL) no-repeat center left;
padding: 0 0 0 25px;}
/* MORE ABOUT */
.usercontent .q{
background: url(URL) no-repeat left;
padding: 0 0 0 16px;}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no repeat';
}
/* BOX: MORE ABOUT ME */
.moreabout {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no repeat';
}
/* BOX: MY FRIENDS */
.friends {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no-repeat';
}
/* BOX: MY GROUPS */
.groups {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no-repeat';
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no-repeat';
}
/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no-repeat';
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no-repeat';
}
/* BOX: FAN OF */
.fanof {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no-repeat';
}
/* BOX: MY FANS */
.myfans {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no-repeat';
}
/* BOX: MY REVIEWS */
.reviews {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no-repeat';
}
/* BOX: MY BLOGS */
.blogs {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no-repeat';
}
/* CUSTOMIZED MEETTRAILBOX */
#meettrail {
border-width: 'any value from 1 to 10'px;
border-color: #HEX VALUE;
border-style: 'outset, dashed, groove, etc...';
background-color: transparent;
background-image: url(URL);
background-position: center;
background-repeat: 'repeat or no-repeat';
}
}
img {
filter:alpha(Opacity=100,FinishOpacity=0,Style=2);
}
img { filter:alpha }
a:hover img { opacity:1;filter:alpha(opacity=100) }
.ads {
display:none
}
.controlpanel, .photos, .blogs, .reviews, .moreabout, .testimonials, .publiccomments, .scrapbook {
direction: ltr;
}
/* MASTER BOXES */
.commonbox {
border-width: 15px;
border-color: #808080;
border-style: outset;
background-color: #000000;
filter:alpha(opacity=55);
}Last edited by shahthaiko (2008-05-23 13:37:42)
-Offline- |

Kewl .. First to comment ! i like your lay .. Friendster updated again?? My lays are not workin' .. 

-Offline- |

-Offline- |

wow!!!
nice layout..
i like it..
kip it up..
gud luck!!

nice lay ![]()
plis put screen shot 
thanks for sharing ![]()



provide screenshot pls..
good job on making layouts keep it up

-Offline- |

nice layout...
provide a screen shot..
Last edited by llyanz37 (2008-05-23 11:26:08)

-Offline- |

-Offline- |

-Offline- |

Cool Box Postioning....
But a bit crappy in your page ..
Last edited by Hoshigaki (2008-08-02 04:40:31)
-Offline- |