Girly!

Layout designer

Hance Williams

Rate this layout

* * * * 65 votes

» Layout Preview

CLICK HERE to get the RIGHT CODE.

Credits to Ms. Jayzel Atkinson!

Code for CSS section

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

/* jayzelea */
body { background-image:url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2008/09/girl2/girl2.gif); background-attachment:fixed; background-position:center; background-repeat:repeat; background-color:#996699; }
body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D8907a/image.gif") !important;}

/* GLOBAL FONTS */
.usercontent { font-family:Calibri; font-size: 12; color:#000000; text-transform:capitalize; }

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:none; color:#000000; }
.data a, a.more, .commonbox .viewall { font-family:Calibri; font-size: 12; color:#000000; text-transform:capitalize; } 
.usercontent a:hover { text-decoration:none; color:#000000; }

/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 { font-family:Calibri; color:#000000; text-transform:capitalize; background-color:transparent; }

/* GLOBAL BOXES */
.commonbox { border-width:6px; border-color:FF99CC; border-style:double; background-color: 996699; }

/* TESTIMONIALS EVEN ROW */
.commonbox .evenrow { background-color: 996699; }

/* PRIMARY PHOTO BORDER */
.controlpanel .imgblock200 { background-color: 996699; border-style: double; border-width: 6px; border-color: FF99CC; }

/* DATA / LABELS */
.data, .controlpanel .q { color:#000000; text-transform:capitalize; }

/* BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family:Calibri; color:#000000; border-width: 3px; border-style:ridge; border-color:transparent; background-color:transparent; }
#controlPanelButtons a:hover { color:#000000; border-width: 3px; border-color:transparent; border-style:ridge; background-color:transparent; }

/* PHOTO BLOCKS */
.commonbox .imgblock75, .ir { border-width:6px; border-style: double; border-color:#FF99CC; background-color:transparent; }

/* FRIENDS NAME BG */
.commonbox .dr { background-color:996699; }

/* Hide About me paragraph in control panel*/
.controlpanel p {display:none!important;}

/* Hide Google Search */
#search {display:none!important;}

/*-- Hide Google Ads --*/
#content_14 {display : none ! important;}


/* Hide Messages | Setting | Help | Log out*/
#subnav_search {display:none!important;}

.controlpanel .sol, .minicontrolpanel .sol { position: absolute;border-color: transparent; 
border-style: ridge; left: -5px; top: 8px; width: 6px; height: 11px; background:url(
) repeat-repeat; } 
.controlpanel .sob, .minicontrolpanel 
.sob { width: 257px;border-color: transparent; 
border-style: ridge; height: 2px; background:url() repeat-repeat; line-height: 0; font-size: 0; } 
.controlpanel .so, .minicontrolpanel 
.so { margin: 0 -20px 10px 0;border-color: transparent; 
border-style: ridge; width: 257px; position: relative; 
background:url() repeat-repeat top center; 
color: #000000; font-weight: bold; }


.controlpanel .so a, .minicontrolpanel .so a { color: #000000 !important; }
.somsg { background-image:url('none') !important; color:#000000 ; 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 }


/* Hide Your blogs*/
#blogs_1_3 {display:none!important;}

body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('oooppss sory!')}}
document.onmousedown=rightclick);}



body {
  height:expr/**/ession(
  function welcome()
  {alert('-[[ Hello '+pageViewerFName+'! wElCoMe tO mAh pRoFy! ]]-');}
  window.onload=welcome);
}


body{left:exp/**/ression(
function goodbye()
{alert('-[[ Hope u had fun viewing mah profile ]]- '+pageViewerFName+'! Take care!');}
window.onunload=goodbye);}





/* Hide White bar under navigation */
#marketing_bg {display:none!important;}

/* Status Bar */
body{bottom:expr/**/ession(
function fstweakersstatus()
{window.status='Powered by FriendsterJam.com'}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=fstweakersstatus);}

/* CUSTOMIZED SCROLLBAR COLOR */
body {
  scrollbar-face-color: #FF99CC; scrollbar-highlight-color: #996699; scrollbar-shadow-color: #FF99CC; scrollbar-3dlight-color: #996699; scrollbar-track-color: FF99CC; scrollbar-darkshadow-color: #996699;
}

/* Hide Classifieds | Jobs | */
.secondary_links {display:none!important;}

/* Hide the surfer */
#surfer {display:none!important;}


/* Hide hide the divider */
#navdivider {display:none!important;}

/* FriendsterMagic - one column friends list */
.friends { /*box*/
background-color: 996699;
border-top-color: FF99CC;
border-bottom-color: FF99CC;
border-left-color: FF99CC;
border-right-color: FF99CC;
border-top-width: #6px;
border-bottom-width: #6px; 
border-left-width: #6px;
border-right-width: #6px;
border-style: double;
margin:10px 0 30px 0;
margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:5px
}

.friends div.boxcontent{width:100%;text-align:center;}
.friends.flogrid75{text-align:center;width:75px;}
.friends div.viewall a{text-align:center;width:100%;padding-left:20px;}




/* Hide Classifieds | Jobs | */
.secondary_links {display:none!important;}

/* Hide about me parapgraph */
.controlpanel p {display:none!important;}

.publiccomments div div .dtd ul {
  padding: 3px 3px 3px 3px;
  overflow: auto;
text-align:center; font-size: 12;
  border-color: FF99CC; 
border-style: double;
border-width: 6px;
width:380px; 
  height: 150px;
  background-color: TRANSPARENT;
  background-image: url(IMG URL HERE);
  background-position: center;
  background-repeat: no repeat;
}

/* Hide the about me link above recent updates */
#content_controlpanel_1_1 a.more {display:none!important;}

/* MAIN */
.controlpanel .q {
background: url(http://i75.photobucket.com/albums/i302/xcountrypaigey76/icons/littleee/smile.gif) no-repeat center left; 
padding: 0 0 0 25px;}

/* MORE ABOUT */
.usercontent .q{
background: url(http://i75.photobucket.com/albums/i302/xcountrypaigey76/icons/littleee/smile.gif) no-repeat left; 
padding: 0 0 0 16px;}



/* personalize logo */
#navigation {
background-color: #HEXCODE;
border: #px SOLID DASHED INSET OUTSET GROOVE DOUBLE #HEXCODE;
margin:10px 0 30px 0;
padding:350px 0 0 0;
background-image: url(http://i27.tinypic.com/28lgylk.gif);
background-attachment:fixed;
background-repeat: NO-REPEAT;
background-position: CENTER CENTER;
}



/* Hide banner ads on top */
.banner_ad_fix {display:none!important;}


#mainnav{margin: 0 0px;
background:transparent! important;}
#mainnav {border: transparent; background:transparent;}
#mainnav _left {display:none;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent; background-color:999999;}
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent;}
.secondary_links {display:none}

#mainnav span, #mainnav_left, #mainnav_right {display:none;}
#mainnav a {border: 1 outset #FF99CC; margin: 0 2 0 2;  font:10; text-decoration:none! important;color:#000000! important;background-color: 996699!important;background-image: url() !important;}
#mainnav a:hover {border:1 outset #FF99CC; background-color: #996699; color:#000000! important;background-image: url()!important;}


#mainnav ul li ul{
left: 0;
position: absolute;
top: 1px;display: block;
visibility: hidden;
padding: 5px;
background-color: transparent! important;
background-image: url()!important;}
}

#mainnav .mainfoldericon{
background: url()  no-repeat center right ! important;
background-color: transparent;}

#navigation div {background-color: transparent;}





/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Calibri;
  color: #000000;
  text-transform:uppercase;
  background-image: url(http://i221.photobucket.com/albums/dd71/bridget926/dividers.gif);
  background-attachment: scroll;
  background-position: CENTER CENTER;
  background-repeat: repaet NO-REPEAT;
  border-bottom: FF99CC #4px ridge;
  height:20px;
}



body {overflow-x: hidden}


/* body border */
BODY
{
BORDER-TOP: 20px outset #996699;
BORDER-BOTTOM:20px inset #996699;
BORDER-LEFT: 60px outset #996699;
BORDER-RIGHT:60px inset #996699;}



/* Hide friendster logo */
#logo {display:none!important;}




#navLang { display: none !important; }


/* hide blog */
.blogs {
   display:none;
}


/* FriendsterMagic - hide the connection box */
#meettrail{display:none;background:transparent;}


/*specific module boxes*/
.controlpanel { /*MAIN BOX*/
  background:url(http://i29.tinypic.com/18hmok.gif) ;
}
.photos { /*PHOTO GALLERY BOX*/
  background:url(http://i29.tinypic.com/18hmok.gif) ;
}
.friends { /*FRIENDS BOX*/
  background:url(http://i29.tinypic.com/18hmok.gif) ;
}
.moreabout { /*MORE ABOUT BOX*/
 background:url(http://i29.tinypic.com/18hmok.gif) ;
}
.fanof { /*FANS BOX*/
  background:url(http://i29.tinypic.com/18hmok.gif) ;
}
.groups { /*GROUP BOX*/
background:url(http://i29.tinypic.com/18hmok.gif) ;
}
.scrapbook { /*SCRAPBOOK BOX*/
background:url(http://i29.tinypic.com/18hmok.gif) ;
}
.reviews { /*REVIEW BOX*/
background:url(http://i29.tinypic.com/18hmok.gif) ;
}
.publiccomments { /*COMMENTS BOX*/
  background:url(http://i29.tinypic.com/18hmok.gif) ;
}
.blogs { /*BLOGS CONTENT BOX*/
  background:url(http://i29.tinypic.com/18hmok.gif) ;
}




/* FRIENDS NAMES */
.commonbox .dr  { border:4px ridge #000000; background-color: 996699; fixed center 50%; margin:0px;0px }



/* CUSTOMIZED RECENT UPDATES */
.user_tracker {
  color: #000000;
  background-color: transparent;
  background-image: url();
  background-position: center center;
  background-repeat: repeat;
  border-style: 'double';
  border-color: FF99CC;
  border-width: #6px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
  font-family:Calibri, Trebuchet MS !important;
  font-size: px !important;
  font-weight: normal !important;
  color: #000000 !important;
  text-decoration: none !important;
}
.user_tracker a:hover {
  font-family:Calibri, Trebuchet MS !important;
  font-size: px !important;
  font-weight: bold !important;
  color: #000000!important;
  text-decoration: underline !important;
}


/* FriendsterMagic - removed white bground */
.flogridp .flogriditem {background:none;}


/* viewers name */
#spawnpic img {
height: 100px;
width: 100px;
border: 2px #000000 ridge;
filter:alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;
}

#spawnpic a:hover img {
filter:alpha(opacity=70);   
-moz-opacity: 0.7;   
opacity: 0.7;
}


/* one column control panel */
#controlpanelbuttons a {width:202px!important;background-image: url(http://i221.photobucket.com/albums/dd71/bridget926/dividers.gif)!important;background-repeat: no-repeat ; background-attachment:fixed; background-position:center center;height:18px!important;border-width:4px!important;border-color:FF99CC!important;border-style:double!important}
#controlpanelbuttons {width:auto!important}



/* PUBLICCOMMENTS */
.publiccomments {
  filter:alpha(opacity=70)
}

/* control panel */
.controlpanel {
  filter:alpha(opacity=70)
}

/* photos */
.photos {
  filter:alpha(opacity=70)
}

/* more about */
.moreabout {
  filter:alpha(opacity=70)
}

/* scrap book */
.scrapbook {
  filter:alpha(opacity=70)
}

/* friends */
.friends {
  filter:alpha(opacity=70)
}

/* fan of */
.fanof {
  filter:alpha(opacity=70)
}

/* groups */
.groups {
  filter:alpha(opacity=70)
}

/* reviews */
.reviews {
  filter:alpha(opacity=70)
}


/* Hide the Home | My Profile | My Connections*/
#mainnav {display:none!important;}


/* CSS IMAGE EFFECTS - FRIENDSTER-TWEAKERS.COM */
img { opacity:.100;filter:alpha(opacity=100, style=2) }
a:hover img { opacity:1;filter:alpha(opacity=100) }



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



.subjectfield {
background-color: 996699;
border-color: FF99CC;
color: 000000;
font-family: CALIBRI, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

.messagefield {

width:250px;
height:300px;
background-color: 996699;
border: FF99CC 6px double;
color: 000000;
font-family: CALIBRI, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: BOLD;
}

/* {--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/hance/" title="Hance Williams's layouts">Hance Williams's layouts</a></p>

Add Layouts Widget

Download Background Image

• Published by Hance Williams on September 5th, 2008 (4:31 GMT).

Other layouts from 'For Girls' category:

Friendster-Layouts.com

Girly!

Navigation Links

Browse Layouts

Sponsors