_WHEN I MET YOU_ layout | Friendster-Layouts.com

_WHEN I MET YOU_

Layout designer

beybiixheii

Rate this layout

* * * * 60 votes

» Layout Preview

Friendster-Layouts.com - _WHEN I MET YOU_

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

if you still don`t have it,
log on to your fs account
then install the HCG CUSTOM 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://badxheii.webs.com/metyou.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 MET YOU by badxhei */ 
/* http://friendster-layouts.com/author/beybiixheii */

/* PAGE BACKGROUND */
body {
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2009/01/metyou/metyou.jpg);
background-attachment: fixed;
background-position: top center;
background-repeat: repeat-y;
background-color: #000000;
cursor: url();
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(),default;
}
/* GLOBAL FONTS */
.usercontent {
  font-family: Kristen ITC;
  color: #000000;
  text-transform: none;
}

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

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

/* MASTER BOXES */
.commonbox {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
}
.commonbox .evenrow {
background-image: url(http://);
background-position: ;
background-repeat: ;
background-color: transparent;
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
 background-image: url(http://img149.imageshack.us/img149/8565/metuheaderhj7.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 background-color: #ff1493;
 font-family: kristen ITC;
 color: #000000;
 text-transform: uppercase;
 border: # 0px none;
}

/* MAIN BOXES: BULLETS */
.controlpanel .q {
background: url() no-repeat center left; 
padding: 0 0 0 25px;}
.usercontent .q{
background: url(http://img99.imageshack.us/img99/9651/metubulletja9.png) no-repeat left; 
padding: 0 0 0 16px;}

/* CONTROL PANEL: BOX */
.controlpanel {
 background-image: url();
 background-attachment: ;
 background-position: ;
 background-repeat: ;
 background-color: transparent;
 border-width: 6px;
 border-color: #ff1493;
 border-style: ridge;
}

/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
 border-width: 4px;
 border-color: #9400d3;
 border-style: ridge;
}

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

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url(http://img149.imageshack.us/img149/2996/metucpbutton1xx8.png);
background-color: #ff1493;
border-width: 1px;
border-color: #9400d3;
border-style: solid;
font-family: Arial;
color: #000000;
text-transform: none;
}

#controlPanelButtons 
a:hover {
background-image: url(http://img149.imageshack.us/img149/6697/metucpbutton2ok0.png);
background-color: #9400d3;
border-width: 1px;
border-color: #ff1493;
border-style: solid;
font-family: Arial;
color: #000000;
text-transform: none;
}

/* BOX: MORE ABOUT ME */
.moreabout {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
}

/* BOX: MY PHOTO GALLERY */
.photos {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
}

/* ONE COLUMN FRIENDS LIST */
.friends { /*box*/
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
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;}

/* BOX: MY FRIENDS */
.friends {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
}

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

/* BOX: MY GROUPS */
.groups {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
}

/* BOX: MY TESTIMONIALS */
.testimonials {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
}

/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
}

/* BOX: MY SCRAPBOOK */
.scrapbook {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
}

/* BOX: FAN OF */
.fanof {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
}

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

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

/* BOX: MY BLOGS */
.blogs {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
}

/* BOX: MY BLOG REVIEWS */
.blogsreviews {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: transparent;
border-width: 6px;
border-color: #ff1493;
border-style: ridge;
}

/* MISC: COMMENTS/TESTIMONIALS TEXT */
.data {
font-family: Kristen ITC;
color: #000000;
text-transform: none;
}

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

/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 1px;
  border-color: #9400d3;
  background: transparent;
  border-style: solid;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Kristen ITC;
  background-color: transparent;
}

/* PERSONALIZED LOGO */
#navigation {
background-color: transparent;
border: 0px ridge #ff1493;
margin:0 0 0 0;
padding:300px 0 0 0;
background-image: url(http://img228.imageshack.us/img228/1212/metubannercy0.png);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: center left;
position:relative;left:155px!important;
}

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color: #000000; text-decoration:none; }
}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}
#marketing_bg{display:none;background:transparent;}



/* main navigation */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:bold;
background: url() fixed no-repeat center; #000000;}


/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
  background-color: transparent !important;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
  font-size: 11px !important;
  color: #000000 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
  font-size: 11px !important;
  color: #000000 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #000000 !important;
}

/* SHOUTBOX */
.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 }
.controlpanel .so a, .minicontrolpanel .so a { color: #000000 !important; }

/* RECENT UPDATE BOX*/
.user_tracker {
color: #000000;
background-color: transparent;
background-image: url(http://);
background-position: center center;
background-repeat: repeat;
border-width: 1px;
border-color: #ff1493;
border-style: solid;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
font-family: comic;
font-size: px !important;
font-weight: normal !important;
color: #000000 !important;
text-decoration: none !important;
}
.user_tracker a:hover {
font-family: comic !important;
font-size: px !important;
font-weight: bold !important;
color: #000000 !important;
text-decoration: none !important;
}


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


/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  text-align: center !important;
}

/* Hide Recent Updates */
.user_tracker {display:none!important;

}

#content_14 {display:none!important
}
#content_14 {visibility:hidden!important
}



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

.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 12px; background:transparent no-repeat; align:left; } 
.controlpanel .sob, .minicontrolpanel .sob { width: 245px; height: 2px; background:transparent no-repeat; line-height: 0; font-size: 10px; align:left; } 
.controlpanel .so, .minicontrolpanel .so { margin: 0 -20px 10px 0; width: 245px; position: relative; background:transparent repeat-y top left; font-size:10px; font-color:green; font-weight: bolder; text-decoration:none; align:left;
}



/* HIDDEN HOW YOU'RE CONNECTED BOX */
#meettrail {
  display: none;
}


/* HIDE GOOGLE ADS */
#ads_2_3 {
  display: none;
}
/* REMOVE THE FOOTER */
#footer_container {
  display: none;
}


/* HIDE FRIENDSTER LOGO */
#f_logo {
  display: none !important;
}
/* HIDE SEARCH FORM */
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
.banner_ad_fix{display:none;}
#banneradrow, #ads_2_3{display:none;}

/* HIDE SUB NAVIGATION */
#subnav {
  display: none !important;
}
/* HIDE MAIN NAVIGATION */
#mainnav {
  display: none !important;
}

#navlang
{
display: none!important;}

/* HIDDEN FAN OF */
.fanof {
  display: none;
}

/* HIDDEN FRIENDS */
.friends {
  display: none;
}

/* HIDDEN REVIEWS */
.reviews {
  display: none;
}

/* HIDDEN BLOGS */
.blogs {
  display: none;
}

.controlpanel, .photos, .blogs, .reviews, .moreabout, .publiccomments, .scrapbook, .Widget, .AppModule { position:relative;left:150px!important;width:500px;overflow:auto }
.meettrail, .friends, .groups, .fanof  { display:none!important }
#googleAdPlacement { display:none!important; }
body { overflow-x: visibility:hidden!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 January 30th, 2009 (8:26 GMT).

Other layouts from 'For Girls' category:

Friendster-Layouts.com

_WHEN I MET YOU_

Navigation Links

Browse Layouts

Sponsors