Hi there! Such a nice things to write post again. Recently i play with some layout for social site like myspace and friendster. I never tought that i would be so addicted!. For now i want to share my layout for friendster, it’s quite difficult to mix the color due to the shining-big-banner in it. I prefer using the dark colour to make sure that my content won’t blend up with the advertising. Here we go, i present to you, our sexy layout!

and here is the screenshot:

for experiment only, i used my brother friendster account. You may copy-paste the CSS below:

body {
background-color : #333333 ;
background-image : url(http://i267.photobucket.com/albums/ii283/hokageaddict/wallpaper.png) ;
background-position : top left ;
background-repeat : repeat ;
background-attachment : fixed ;
}
.usercontent {
color : #606060 ;
font-family : arial ;
text-transform : default ;
}
.usercontent a, .usercontent a:link, .usercontent a:visited {
color : #DC143C ;
text-decoration : none ;
}
.usercontent a:hover, .usercontent a:active {
color : #DC143C ;
text-decoration : none ;
}
.usercontent a:hover {
color : #1E90FF ;
text-decoration : none ;
}
.commonbox {
border-color : #404040 ;
border-width : 1px ;
border-style : solid ;
background-color:transparent;
}
.commonbox h1, .commonbox h2 {
color : #606060 ;
font-family : arial ;
text-transform : default ;
background-color:transparent;
}
.commonbox .viewall {
color : #606060 ;
font-family : arial ;
text-transform : default ;
text-decoration : none ;
}
.commonbox .imgblock75, .ir {
border-color : #404040 ;
border-width : 1px ;
border-style : solid ;
background-color:transparent;
}
.commonbox .dr {
color : #606060 ;
font-family : arial ;
text-transform : default ;
background-color:transparent;
}
.commonbox .evenrow {
background-color:transparent;
}
.controlpanel {
background-color:transparent;
}
.photos {
border-color : #404040 ;
border-width : 1px ;
border-style : solid ;
background-color:transparent;
}
.friends {
border-width : 1px ;
background-color:transparent;
}
.blogsreviews {
background-color:transparent;
}
.videos {
background-color:transparent;
}
.testimonialscomments {
background-color:transparent;
}
.moreabout {
background-color:transparent;
}
.fanof {
background-color:transparent;
}
.groups {
background-color:transparent;
}
.testimonials {
background-color:transparent;
}
.scrapbook {
background-color:transparent;
}
.myfans {
background-color:transparent;
}
.reviews {
background-color:transparent;
}
.blogs {
background-color:transparent;
}
.controlpanel .imgblock200 {
border-color : #404040 ;
border-style : solid ;
}
.data {
color : #606060 ;
font-family : arial ;
text-transform : default ;
}
.controlpanel .q {
color : #606060 ;
font-family : arial ;
text-transform : default ;
}
.data a {
color : #606060 ;
font-family : arial ;
text-transform : default ;
}
a.more {
color : #606060 ;
font-family : arial ;
text-transform : default ;
}
#controlPanelButtons a, #controlPanelButtons a:link {
border-color : #404040 ;
border-style : default ;
background-color:transparent;
}
#controlPanelButtons a:visited {
border-color : #404040 ;
border-style : default ;
background-color:transparent;
}
#controlPanelButtons a:hover {
color : #1E90FF ;
background-color:transparent;
}


Enjoy!