_WHEN I GROW UP_ layout | Friendster-Layouts.com

_WHEN I GROW UP_

Layout designer

beybiixheii

Rate this layout

» Layout Preview

Friendster-Layouts.com - _WHEN I GROW UP_

NOTE: you`ll be able to use this layout
if you have the HCG MEDIA APPLICATION installed
on your friendster account.

if you still don`t have it,
log on to your fs account
then install the HCG MEDIA APPLICATION.

to install the application CLICK HERE!

LAYOUT INSTRUCTIONS

to easily get the right code for this layout CLICK HERE

GENERATE it on your OWN by Following these steps:

1. copy this URL:
http://www.freewebs.com/xheiny/wigu.css

2. generate the CODE LINK here:
CLICK HERE

3. paste the generated code in your ADD MEDIA BOX

4. Click SAVE and you`re done.

VOTES are HIGHLY APPRECIATED! THANKS! BTW, I`m NOT a CODE RIPPER! Even if you THINK I am! GET A LIFE!
CODES UPDATED! ALL LAYOUTS ARE WORKING IF YOU FOLLOW THE INSTRUCTIONS.

REQUESTED LAYOUTS ARE NOT FREE
WANT TO REQUEST A LAYOUT?
GO HERE

Code for CSS section

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

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

/* WHEN I GROW UP by badxhei */

/* PAGE BACKGROUND */
body {
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2009/02/wigu/wigu.gif);
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
background-color: #000000;
cursor: url (),default;
}
body, td, tr, div, p{
  cursor:url(""),default;
}
a,a:link,a:visited,a:active,a:hover{
cursor:url(""),default;
}

/* GLOBAL FONTS */
.usercontent {
  font-family: Kristen ITC;
font-size: 10px;
  color: #ffffff;
  text-transform: none;
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
 font-family: Kristen ITC;
font-size: 10px;
color: #ffffff;
text-transform: none;
}

/* GLOBAL LINKS HOVER */
.usercontent a:hover {
color: #ffff00;
text-decoration: underline overline;
 font-family: Kristen ITC;
font-size: 14px;}

/* MASTER BOXES */
.commonbox {
background-image: url();
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
width : 475px;
overflow : hidden;
position : relative;
left : 87px !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: bottom center;
 background-repeat: no-repeat;
 background-color: transparent;
 color: transparent;
 text-transform: none;
 border: # 0px none;
height: 75px;
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() no-repeat left; 
padding: 0 0 0 16px;}

/* CONTROL PANEL: BOX */
.controlpanel {
 background-image: url(http://img407.imageshack.us/img407/8058/wigucpmj6.png);
 background-attachment: scroll;
 background-position: top left;
 background-repeat: no-repeat;
 background-color: transparent;
 border-width: 0px;
 border-color: #;
 border-style: none;
}

/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
 border-width: 2px;
 border-color: #000000;
 border-style: solid;
  background-color: transparent;
}

/* CONTROL PANEL: DATA */
.controlpanel .q {
 font-family: Kristen ITC;
font-size: 10px;
color: #ffffff;
text-transform: none;
}
.controlpanel .data {
 font-family: Kristen ITC;
font-size: 10px;
color: #ffffff;
text-transform: none;
}
.data a {
 font-family: Kristen ITC;
font-size: 10px;
color: #ffffff;
text-transform: none;
}
a.more {
 font-family: Kristen ITC;
font-size: 10px;
color: #ffffff;
text-transform: none;
}

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url();
background-color: #000000;
border-width: 1px;
border-color: #ffffff;
border-style: solid;
 font-family: Arial;
font-size: 11px;
color: #ffffff;
text-transform: none;
height: 25px;
width:175px;
margin-left: 15px;
margin-top: 3px;
padding: 0 0 0 0;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
}

#controlPanelButtons 
a:hover {
background-image: url();
background-color: #ffc0cb;
border-width: 1px;
border-color: #000000;
border-style: dotted;
 font-family: Arial;
font-size: 14px;
color: #000000;
text-transform: none;
-moz-border-radius: 50px;
  -webkit-border-radius: 50px;
}

/* BOX: MORE ABOUT ME */
.moreabout {
background-image: url(http://img266.imageshack.us/img266/1535/wigumoreabtfl4.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY PHOTO GALLERY */
.photos {
background-image: url(http://img117.imageshack.us/img117/1277/wiguphotogu8.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

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

/* BOX: MY FRIENDS */
.friends {
background-image: url(http://img510.imageshack.us/img510/2139/wigufrndswv3.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY VIDEOS */
.videos {
background-image: url(http://img258.imageshack.us/img258/5700/wiguetcvy9.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY GROUPS */
.groups {
background-image: url(http://img440.imageshack.us/img440/5010/wigugroupscc0.png);
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://img407.imageshack.us/img407/7104/wigucommentsnq1.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: dotted;
}

/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
background-image: url(http://img407.imageshack.us/img407/7104/wigucommentsnq1.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: dotted;
}

/* BOX: MY SCRAPBOOK */
.scrapbook {
background-image: url(http://img440.imageshack.us/img440/9977/wigumediatj9.png);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: FAN OF */
.fanof {
background-image: url(http://img510.imageshack.us/img510/6343/wigufanofel7.png);
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(http://img266.imageshack.us/img266/38/wigumyfanscc6.png);
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(http://img167.imageshack.us/img167/7090/wigurevhk0.png);
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://img258.imageshack.us/img258/5700/wiguetcvy9.png);
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://img167.imageshack.us/img167/7090/wigurevhk0.png);
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: Kristen ITC;
font-size: 10px;
color: #ffffff;
text-transform: none;
}

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

/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 2px;
  border-color:#000000;
background-color: transparent;
  border-style: solid;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
 font-family: Comic Sans;
font-size: 10px;
  background-color: transparent;
}

/* PERSONALIZED LOGO */
#navigation {
background-color: transparent;
border: 0px none #;
margin:0px 0 0px 0;
padding:511px 0 0 0;
background-image: url(http://img212.imageshack.us/img212/7259/wigubannerky6.png);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: top center;
position : relative !important ;
top : -11px;
left: 0px;
}


#footer{
color: transparent;
height: 162px;
padding: 0px 0 0px  0;
background: transparent url(http://img125.imageshack.us/img125/4205/wigufooterqz1.png) no-repeat;
background-position: bottom center;
position : relative !important ;
left: 30px;
top: 20px !important;
bottom: -5px;
font-size: 0px;
}

#subnav {display: none !important;}


#mainnav .mainfoldericon {
background: url()!important;
background-repeat: no-repeat !important;
background-position: right center !important;
}
#mainnav {
width: 450px !important;
background : transparent !important ;
border : 0px transparent !important ;
position : relative;
left : 125px;
top : 25px;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
font-size : 11px !important ;
color : #ffffff!important ;
background-color : #000000 !important ;
text-align : center;
text-decoration : none !important ;
}
#mainnav a:hover {
  color: #ff1493!important;
}
#mainnav ul li ul {
background-color : transparent !important ;
filter: alpha(opacity=100);
-moz-opacity:1;opacity: 1; 
}


/* SHOUTBOX */
.somsg { background-image:url('none') !important;  color: #ffffff; 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: #ffffff!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: 2px dashed #ffffff; width: 220px! important; height: 100%; color: #e0fe3e!important ; overflow: hidden; font-weight: normal; font-size: 10pt; -moz-border-radius: 30px;
  -webkit-border-radius: 25px; }


/* RECENT UPDATE BOX*/
.user_tracker {
color: #ffffff;
background-color: transparent;
background-image: url();
background-position: left top;
background-repeat: no-repeat;
border-width: 1px;
border-color: #000000;
border-style: dashed;
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: Kristen ITC;
font-size: 10px;
font-weight: normal !important;
color: #ffffff!important;
text-decoration: none !important;
}
.user_tracker a:hover {
 font-family: Kristen ITC;
font-size: 11px;
font-weight: bold !important;
color: #ffffff!important;
text-decoration: none !important;
}

.rtd .viewall a,.reviews .viewall a,.blogs .viewall a {
background:transparent url() no-repeat left center;
color:#ffffff;
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() 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() 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: 10px !important;}
#content_7 {margin-top : 0px !important ; position: relative !important; left: 10px !important;}
#content_8 {margin-top : 0px !important ; position: relative !important; left: 10px !important;}


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

#content_18 {
height: 100% !important;
overflow: hidden !important;
overflow-x: hidden !important;
scrollbar-3dlight-color : #ffffff; 
scrollbar-shadow-color : #000000;
scrollbar-face-color: #ff1493;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
scrollbar-highlight-color: #ffffff;
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: #ffffff;
border-width: 1px !important;
}

#navLang { display : none !important ;}
.controlpanel p {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 ;}
.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 {float:left;position:relative;left:100px !important;}

.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;}


/* Hide Footer link only */
#footer a {display:none!important;}

.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: hidden;
border-width: 1px;
border-color: #ffffff;
border-style: dotted;
  text-align: center;
  width: 340px;
  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:340px; 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: 100% !important; height:100%; }

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

/* IMAGE EFFECTS */
img { opacity:1;filter:alpha(opacity=100); }
a:hover img { opacity:0.75;filter:alpha(opacity=75); 

#logo {display:none!important;}

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

/* {--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/nyxhei/" title="beybiixheii's layouts">beybiixheii's layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by beybiixheii on February 2nd, 2009 (8:50 GMT).

Other layouts from 'For Girls' category:

Friendster-Layouts.com

_WHEN I GROW UP_

Navigation Links

Browse Layouts

Sponsors