Best Friends :] layout | Friendster-Layouts.com

Best Friends :]

Layout designer

.яödαìzα26™

Rate this layout

* * * * ½ 398 votes

» Layout Preview

Before using this layout, vote first. (5 stars is the best)

»This is a crossover layout. Get the right codes here!.

I accept personalized friendster layouts but its not for free.

CLICK HERE if you are interested.

Love My Layouts?, Join My Group! CLICK HERE!

Comments and suggestions are highly appreciated.Thank You for Using!

My Friendster || My Friendster (for layouts) || My Multiply

Code for CSS section

/* {--friendster-layouts.com css code start--} */

/* Friendster Layouts By Rodaiza Nonoy */
/* Layout by http://rodaiza26.multiply.com */


/* PAGE BACKGROUND */
body {
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2009/06/best-friends/best-friends.jpg);
background-attachment: scroll;
background-position: bottom center;
background-repeat: repeat-y;
background-color: #fdc9e2;
cursor: url(http://);
scrollbar-face-color: #;
scrollbar-shadow-color: #;
scrollbar-highlight-color: #;
scrollbar-3dlight-color: #;
scrollbar-darkshadow-color: #;
scrollbar-track-color: #;
scrollbar-arrow-color: #;
border-style:none; 
border-top-color: #;
border-bottom-color: #;
border-left-color: #;
border-right-color: #;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
overflow-x: hidden;
}

/* CURSOR */
a,a:link,a:visited,a:active,a:hover {
cursor:url(http://),default;
}
/* GLOBAL FONTS */
.usercontent {
  font-family: century gothic;
font-size: 11px;
  color: #ff008a;
  text-transform: none;
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  font-family: century gothic;
font-size: 11px;
color: #7a7a7a;
text-transform: none;
}

/* GLOBAL LINKS HOVER */
.usercontent a:hover {
color: #ff008a;
text-decoration: underline overline;}

/* MASTER BOXES */
.commonbox {
background-image: url();
background-position: left center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
width : 475px;
overflow : hidden;
position : relative;
left : 120px !important;
background-position : top left !important ;
background-repeat : no-repeat !important ;
}
.commonbox .evenrow {
background-image: url();
background-position: ;
background-repeat: ;
background-color: transparent;
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
 background-image: url();
 background-position: left center;
 background-repeat: no-repeat;
 background-color: transparent;
 font-family: comic;
 color: transparent;
 text-transform: none;
 border: # 0px none;
height: 100px!important;
text-align: center;
font-size: 0px !important;

}

/* MAIN BOXES: BULLETS */
.controlpanel .q {
background: url() no-repeat center left; 
padding: 0 0 0 25px;}
.usercontent .q{
background: url(http://img31.imageshack.us/img31/1981/bullets09.gif) no-repeat left; 
padding: 0 0 0 16px;}

/* CONTROL PANEL: BOX */
.controlpanel {
 background-image: url(http://img132.imageshack.us/img132/1918/header09.gif);
 background-attachment: scroll;
 background-repeat: no-repeat;
 background-position: top center;
background-color: transparent;
 border-width: 0px;
 border-color: #;
 border-style: none;
}

/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
 border-width: 1px;
 border-color: transparent;
 border-style: dashed;
 background-color: transparent;

}

/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: century gothic;
font-size: 11px;
color: #ff008a;
text-transform: none;
}
.controlpanel .data {
  font-family: century gothic;
font-size: 11px;
color: #ff008a;
text-transform: none;
}
.data a {
  font-family: century gothic;
font-size: 11px;
color: #ff008a;
text-transform: none;
}
a.more {
  font-family: century gothic;
font-size: 11px;
color: #ff008a;
text-transform: none;
}

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url(http://img526.imageshack.us/img526/7439/buttons0909.jpg);
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
  font-family: century gothic;
font-size: 11px;
color: #7a7a7a;
text-transform: none;
height: 25px;
width:175px;
margin-left: 10px;
margin-top: 3px;
padding: 0 0 0 0;

}

#controlPanelButtons 
a:hover {
background-image: url(http://img5.imageshack.us/img5/3560/buttons09.jpg);
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
  font-family: kristen ITC;
font-size: 11px;
color: #7a7a7a;
text-transform: none;
}

/* BOX: MORE ABOUT ME */
.moreabout {
background-image: url(http://img132.imageshack.us/img132/1918/header09.gif);
background-position: top center;
background-repeat: no-repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY PHOTO GALLERY */
.photos {
background-image: url(http://img132.imageshack.us/img132/1918/header09.gif);
background-position: top center;
background-repeat: no-repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}


/* BOX: MY FRIENDS */
.friends {
background-image: url(http://img268.imageshack.us/img268/4350/friends09.gif);
background-position: top center;
background-repeat: no-repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

.friends, .fanof, .myfans, .groups {
background-color: transparent !important;
width : 147px !important ;
position: relative !important;
left: 105px !important;}
.commonbox .dr {
background-color : transparent !important;
}


/* BOX: MY VIDEOS */
.videos {
background-image: url();
background-position: top center;
background-repeat: no-repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY GROUPS */
.groups {
background-image: url(http://img268.imageshack.us/img268/4350/friends09.gif);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY TESTIMONIALS */
.testimonials {
background-image: url(http://img132.imageshack.us/img132/1918/header09.gif);
background-position: top center;
background-repeat: no-repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
background-image: url(http://img132.imageshack.us/img132/1918/header09.gif);
background-position: top center;
background-repeat: no-repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY SCRAPBOOK */
.scrapbook {
background-image: url(http://img132.imageshack.us/img132/1918/header09.gif);
background-position: top center;
background-repeat: no-repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: FAN OF */
.fanof {
background-image: url(http://img268.imageshack.us/img268/4350/friends09.gif);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY FANS */
.myfans {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;}

/* BOX: MY REVIEWS */
.reviews {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY BLOGS */
.blogs {
background-image: url(http://img132.imageshack.us/img132/1918/header09.gif);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY BLOG REVIEWS */
.blogsreviews {
background-image: url(http://img132.imageshack.us/img132/1918/header09.gif);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* MISC: COMMENTS/TESTIMONIALS TEXT */
.data {
  font-family: century gothic;
font-size: 11px;
color: #7a7a7a;
text-transform: none;
}

/* MISC: VIEW ALL AND EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
padding: 4px 11px;
  font-family: century gothic;
font-size: 11px;
color: #ff008a;
text-transform: none;
font-weight: bold;
}
.commonbox .editlink {
  float: right;
}

/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  background: transparent;
border-width: 2px;
border-color: #ff008a;
border-style: double;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: century gothic;
font-size: 11px;
  background-color: transparent;
}

/* PERSONALIZED LOGO */
#navigation {
background-color: transparent;
border: 0px none #;
margin: 0px 0 0 0;
padding:397px 0 0 0;
background-image: url(http://img199.imageshack.us/img199/4859/logo09s.gif);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: bottom center;
position : relative !important ;
top : -40px;
left: 0px;
}

#subnav {display: none !important;}

#mainnav .mainfoldericon {
background: url(http://img31.imageshack.us/img31/1981/bullets09.gif)!important;
background-repeat: no-repeat !important;
background-position: right center !important;
}
#mainnav {
width: 450px !important;
background : transparent !important ;
border : transparent !important ;
position : relative;
left : 350px;
top : -290px;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
font-size : 11px !important ;
color : #ff008a!important ;
background-color : transparent !important ;
text-align : center;
text-decoration : none !important ;
}
#mainnav a:hover {
  color: #44d1ff!important;
}
#mainnav ul li ul {
background-color : #7a7a7a !important ;
filter: alpha(opacity=100);
-moz-opacity:0.4;opacity: 0.4; 
}


/* SHOUTBOX */
.somsg { background-image:url('none') !important;  color: #ff008a; background-color:transparent ! Important; }
.so {background-image:url('none') !important;   background-color:transparent ! Important ; }
.soc { background-image:url('none') !important;  background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important;   background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important;  background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important;  background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important;  background-color:transparent ! Important ; }
.divider { background-image:url('none') !important;  background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important;  background-color:transparent ! Important ; }
.sol {background-image:url('none') !important;   background-color:transparent ! Important ; }
.sob { background-image:url('none') !important;  background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important;  background-color:transparent ! Important }
.ir { background-image:url('none') !important;  background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important;  background-color:transparent ! Important }
.dr { background-image:url('none') !important;  border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }
.controlpanel .so a, .minicontrolpanel .so a { color: #7a7a7a !important; }

.so, .soc, .sol, .sob { background: transparent !important; }
#cpShoutoutBox { background-color: transparent; background-image: url() !important; background-repeat: no-repeat !important; background-position: left top !important; background-attachment: scroll !important; text-align: center; border: 1px dashed #7a7a7a; width: 220px! important; height: 100%; color: #fa459c!important ; overflow: hidden; font-weight: normal; font-size: 11px; -moz-border-radius: 30px;
  -webkit-border-radius: 25px; }


/* RECENT UPDATE BOX*/
.user_tracker {
color: #fa459c;
background-color: transparent;
background-image: url(http://);
background-position: center center;
background-repeat: repeat;
border-width: 1px;
border-color: #7a7a7a;
border-style: dotted;
font-size: 10px;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
padding: 0 0 5px 0;
text-align: center;

}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
  font-family: century gothic;
font-size: 11px;
font-weight: normal !important;
color: #ff008a !important;
text-decoration: none !important;
}
.user_tracker a:hover {
  font-family: century gothic;
font-size: 11px;
font-weight: bold !important;
color: #ff008a !important;
text-decoration: none !important;
}

/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;
}


#f_logo {
  display: none !important;}

.rtd .viewall a,.reviews .viewall a,.blogs .viewall a {
background:transparent url(http://img31.imageshack.us/img31/1981/bullets09.gif) no-repeat left center;color:#ffd200;padding-left:15px}
#content_2 .viewall,#content_8 .viewall,#content_7 .viewall
{position: relative; left: -20px !important;}
#content_13 .viewall,#content_12 .viewall{text-align:left}
#content_18 .viewall a,#content_1 .viewall a{background:transparent url(http://img31.imageshack.us/img31/1981/bullets09.gif) no-repeat scroll left center;padding-left:15px;}
#content_18 .viewall,#content_1 .viewall,.rtd .viewall {
text-align:center !important
}

.groups .data { display:none; }


ul.entries li { background: url(http://img31.imageshack.us/img31/1981/bullets09.gif) no-repeat; padding-left: 15px; margin-right: 100px !important; margin-bottom: 5px;}

#content_0 {margin-top: 0px !important;}
#content_1 {margin-top: 0px !important;}
#content_2 {margin-top : 0px !important ; position: relative !important; left: 25px !important;}
#content_7 {margin-top : 0px !important ; position: relative !important; left: 25px !important;}
#content_8 {margin-top : 0px !important ; position: relative !important; left: 25px !important;}

#content_18 {
height: 100% !important;
overflow: hidden !important;
overflow-x: hidden !important;
scrollbar-3dlight-color : #ffffff; 
scrollbar-shadow-color : #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-darkshadow-color : #ffffff;
scrollbar-track-color : #ffffff;
scrollbar-arrow-color : #000000;
scrollbar-highlight-color: #000000;
margin-top: 20px !important;
}
#content_18 .data {padding: 20px 0 0px 20px !important;}
#content_18 ul  {
width : 315px !important ;
overflow-x: hidden !important;
background-color: transparent;
border-style: dashed;
border-color: #ff008a;
border-width: 1px !important;
}

#navLang { display : none !important ;}
#banneradrow  { display : none !important ;}
.controlpanel p {display : none !important ;}
#headersearch  {display : none !important ;}
#search  { display : none !important ;}
#search form { display : none !important ;}
#marketing {display : none !important ;}
#content_14 {display : none !important ;}
#subnav {display : none !important ;}
#marketing_bg {display : none !important ;}
#surfer {display : none !important ;}
#navdivider {display : none !important ;}
#content_0 a.more {display : none !important ;}
.banner_ad_fix {display : none !important ;}
#navLink_FindFriends {display : none !important ;}
#secondary_links {display: none;}
.reportabuse {display : none !important ;}
#ads_2_3 {display : none !important ;}
#subnav_search {display : none !important ;}
.secondary_links {display : none !important ;}
#mainnav .left {display : none !important ;}
#content_15 {display : none !important ;}
.dr {border:none;}
.commonbox .editlink {display: none !important;}
#googleAdFactory.fullwidth {position : absolute; top : -5500px;}
#mainnav div div {display: none !important;}
#f_logo {display : none;}


.somsg {
text-align: center; !important;
}
.controlpanel .sol, .minicontrolpanel .sol {
position : absolute;
left : -5px;
top : 8px;
width : 6px;
height : 12px;
background : transparent no-repeat;
}
.controlpanel .sob, .minicontrolpanel .sob {
display : none !important ;
}
.controlpanel .so, .minicontrolpanel .so {
background : url() no-repeat center left transparent;
border-style: none;
font-size : 10px !important;
text-decoration : none;
padding: 20px 0 20px 0 !important;
}

.secondary_links {display: none;}

#footer{
color: transparent;
height: 192px;
padding: 0px 0 0px  0;
background: transparent url(http://img30.imageshack.us/img30/6083/footer09.gif) 
no-repeat;
background-position: top center;
position : relative !important ;
left: 11px;
top: 56px !important;
bottom: -20px;
}

#footer a {display:none!important;}

.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 5px 2px 5px;
  overflow: hidden;
border-width: 1px;
border-color: #7a7a7a;
border-style: dashed;
  text-align: center;
  width: 360px;
  height: auto;
 -moz-border-radius: 30px;
  -webkit-border-radius: 25px; 
}

.commonbox .evenrow { background-color: transparent; }
.boxcontent, .fitem1wrapper { padding: 11px 11px 1px 11px; }
.publiccomments div div .dtd ul { background-color: transparent; -moz-border-radius:  0 30px 0 30px; text-align:center;
width:360px; height: 75px; overflow: hidden; padding: 2px 2px 2px 2px;}

.publiccomments div div .dtd ul:hover{ background-color: transparent; -moz-border-radius: 0 30px 0 30px; height: 100%; min-height: 75px; height:auto !important; height:75px; }

.data img, .data embed {max-width: 360px;}

/* IMAGE EFFECTS */
img { opacity:1;filter:alpha(opacity=30); }
a:hover img { opacity:0.100;filter:alpha(opacity=65); 

div #mainnav div div { display:none ! important;}

/* {--friendster-layouts.com css code end--} */

Code for Media/About Me

<p align="center"><a title="Friendster Layouts" href="http://friendster-layouts.com/"><img border="0" src="http://btn.friendster-layouts.com/03.gif" alt="Friendster Layouts"></a><br /><a href="http://friendster-layouts.com/" title="Friendster Layouts">Friendster-Layouts.com</a>: <a href="http://friendster-layouts.com/author/rodaiza26/" title=".яödαìzα26™'s layouts">.яödαìzα26™'s layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by .яödαìzα26™ on June 12th, 2009 (4:53 GMT).

Other layouts from 'Uncategorized' category:

Friendster-Layouts.com

Best Friends :]

Navigation Links

Browse Layouts

Sponsors