ILOVEYOU

Layout designer

..brokenFEM..

Rate this layout

* * * * 64 votes

» Layout Preview

cLick for the >>> “EXACT LAYOUT CODE”
RATE and COMMENT pLs…. ^_^
CREDITS:
photobucket
gLitter-graphics
myspacecursor

+++++

Code for CSS section

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

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

/* HIDE FRIENDSTER LOGO */
#f_logo {
  display: none !important;
}


#content_18 .data {text-align: left !important;}
/* INTERCHANGE BOXES POSITION */
td, tr {
  direction: ltr;
}
.controlpanel, .photos, .blogs, .reviews, .moreabout, .testimonials, .publiccomments, .scrapbook, #cpShoutoutBox, .controlpanel .q, .controlpanel .data, .user_tracker, p {
  direction: ltr;
}
#meettrail, .friends, .myfans, .fanof, .groups {
  direction: rtl !important;
}

/* BACKGROUND */
body {
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2008/11/iloveu/iloveu.jpg);
  background-position: bottom right;
  background-color: #ffffff; 
  background-repeat: no-repeat;
  background-attachment: fixed;
  	scrollbar-3dlight-color:#ffffff; 
	scrollbar-shadow-color:#000000;
	scrollbar-face-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color:#000000;
	scrollbar-highlight-color:#acc2d3;
border-style:ridge;
border-top-color: #ffffff;
border-bottom-color: #ffffff;
border-left-color: #ffffff;
border-right-color: #ffffff;
border-top-width: 20px;
border-bottom-width: 20px;
border-left-width: 20px;
border-right-width: 20px;
}

   cursor:url();
}

/* GLOBAL FONTS */
.usercontent {
  color: #ffffff;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #ffffff;
}
.usercontent a:hover {
  text-decoration: none;
  color: #ffffff;
}
/* MASTER BOXES */
.commonbox {
  background-color:#000000 !important;
  border-width: 5px;
  border-color: #ffffff;
  border-style: ridge;
  filter: alpha(opacity=50) !important;
}

.commonbox .evenrow {
  background-color: #ffffff;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-style: ridge;
  border-color: #ffffff;
  background-color: #000000;
  background-image: url();
  background-position: center center;
  background-repeat: no-repeat;
  height: 542px !important;
  filter: alpha(opacity=50) !important;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-style: ridge;
  border-color: #ffffff;
  filter: alpha(opacity=50) !important;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  color: #ffffff;
}
.controlpanel .data {
  color: #ffffff;
}
.data a {
  color: #ffffff;
  text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  color: #ffffff;
  text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Arial, Sans-serif;
  font-color: #ffffff;
  text-decoration: ;
}
#controlPanelButtons a:hover {
  font-family: Arial, Sans-serif;
  font-color: #ffffff;
  text-decoration: ;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Arial, Sans-serif;
  color: #;
  text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
  color: #ffffff;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  color: #ffffff;
  background-color: transparent;
}

/* PERSONAL LOGO */
#navigation {  
padding: 380px 0 0 0;
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2008/11/iloveu/iloveu.jpg);
filter: alpha(opacity=60) !important;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
}

/*USER HEADERS*/
.commonbox h1, .commonbox h2 { {
font-family: Verdana;
color: #ffffff;
border-style: ridge;
border-color: #ffffff;
text-align: center center;
font-size: 12px;
background-color: #000000 !important;
background-image: url();
background-repeat: no-repeat;
background-position: center center;
filter: alpha(opacity=50) !important;
}

/*MAIN TABLE */
table#flo_wrapper {
border-width: 1px;
border-style: ridge;
border-color: #ffffff;
background-color: #000000;
background-style: solid !important;
background-attachment: scrollable;
background-repeat: repeat;
background-position:center center;
background-color: transparent;
background-image: url();
filter: alpha(opacity=50) !important;
}





/* NAVIGATION LINKS */
#mainnav{margin:  2px;background: transparent! important;border: #000000!important;
float: center!important; position: relative; left: 200px; top: -3px;} 
#mainnav .left, #mainnav .right {
  background-color: transparent !important;
  text-transform: uppercase;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
  font-size: 10px !important;
  color: #000000!important;
  background-color: transparent !important;
  text-align: center;
  text-decoration: none !important;
}

/* HOVER */
#mainnav a:hover {
  font-size: 11px !important;
  color: #000000  !important;
  background-color: #dee3e6 !important;
  text-decoration: none !important;
  filter: alpha (opacity=100);
}

#mainnav span {
  color: #000000!important;
}

/*sublink drop down menu*/
#mainnav ul li ul {background-color: #000000! important;
background-image: url()!important;}

/* CONTROL PANEL BUTTONS*/
#controlpanelbuttons a {width:150px!important;background-color:#ffffff!important; background-image: url()!important;background-repeat: no-repeat ; background-attachment:fixed; background-position:center center;height:20px!important;border-style: ridge!important}
#controlpanelbuttons a:link, #controlpanelbuttons a:visited  { font-family: Papyrus!important;
color: #000000;
font-size: 10px;
}
#controlpanelbuttons a:hover {
color: 000000; filter: alpha (opacity=100);
}
#controlpanelbuttons a:hover {
color:#ffffff; filter: alpha(opacity=50) !important;
}

/* PHOTO BG */
#photos_1_2 .flogriditem .ir {position:relative; bottom: 0px !important; left:-5px;}
.flogridp .flogriditem { 
width: 100px; 
height: 86px; 
background: url() no-repeat;
background-position: center top !important; }
/*SHOUTBOX*/
.somsg {
color:#ffffff; padding-left:45px;
}
.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: 257px; height: 2px; background:transparent no-repeat; filter: alpha(opacity=60) !important; line-height: 0; font-size: 10px; align:left;
}
.controlpanel .so, .minicontrolpanel .so { 
width: 257px; position: relative;
background:url() no-repeat top left; font-size:10px; font-color:#ffffff; text-decoration:none; align:left; height:100px; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px
}

/* IMAGE EFFECTS */
a:hover, a:hover img {color: transparent; background: url(http://i454.photobucket.com/albums/qq265/forsakendoll4/Blue%20Note/whitehover.gif); filter:alpha(finishopacity=0, style=2);}

/* TRACKER */
.user_tracker {
background: url() no-repeat center left !important; border-style:double; width: 244; height: 177px; font-family:Arial; font-color:#ffffff; font-size:8pt;  }
/*label*/
.user_tracker ul li a, .user_tracker ul li a:link, .user_tracker ul li a:active, .user_tracker ul li a:hover, .user_tracker ul li a:visited {
margin-left: 0px; color:#ffffff; font-family:papyrus;font-size:9pt;
}
/*timeplustitle*/
.user_tracker li {
color:#ffffff; font-family:Arial; font-size:9px;
}


/*BOXES*/

/* FRIENDS */
.friends {
  border-style: ridge;
  border-color: #ffffff;
  background-color: #000000;
  background-image: url();
  background-position: center center;
  background-repeat: no-repeat;
  height: 680px !important;
  filter: alpha(opacity=50) !important;
}

/* ONE COLUMN FRIENDS LIST */
.friends { /*box*/
background-image: url();
background-position: bottom left;
background-repeat: repeat;
background-color: #ffffff;
border-width: 0px;
border-color: #ffffff;
border-style: double;
margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0px; padding-right:20px; padding-top:0px; padding-bottom:20px
}



/* PHOTO GALLERY */
.photos {
  border-width: 5px;
  border-color: #ffffff;
  border-style: ridge;
  background-color: transparent;
  filter: alpha(opacity=50) !important;
}
/* PUBLICCOMMENTS */
.publiccomments {
  border-style: ridge;
  border-color: #ffffff;  
  background-color:#000000;
  background-image: url();
  background-position: center center;
  background-repeat: no-repeat;
  height: 520px;
  filter: alpha(opacity=50) !important;
}
#content_18 {
  overflow: auto;
  width: 500px !important;
  height: 490px !important;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-style: ridge;
  border-color: #ffffff;
  background-color: #000000;
  background-image: url();
  background-position: center center!important;
  background-repeat: no-repeat;
  height: 500px
  filter: alpha(opacity=50) !important;
}
#content_6 {
  overflow: auto;
  width: 500px;
  height: 465px !important;
}

/*MEDIA*/
.scrapbook {
border-style: ridge;
border-color: #ffffff;
background-color: #000000;
background-image: url();
background-position: center center!important;
background-repeat: no-repeat;
height: 505px;
filter: alpha(opacity=50) !important;
}
#content_10 {
  overflow: auto;
  width: 500px;
  height: 480px !important;
}


/* FOOTER */
#footer_container {
  margin: 0 auto;
  font-family: Comic Sans MS !important;
  line-height: 1.0em;
  background: transparent;
}
#footer {
  width: 800px;
  height: 80px;
  font-size: 9px;
  line-height: 1em;
  position: relative;
  padding: 10px auto;
  margin: 10px auto;
  text-align: center;
  color: #ffffff;
  border-style: none;
  background-color: transparent;
  background: url();
  background-position: center top;
  background-repeat: no-repeat;
  margin-top: -20px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
  font-size: 9px;
  font-weight: normal;
  color: #ffffff;
  text-decoration: none;
}
#footer a:hover {
  font-size: 9px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}
#footer a {
  font-size: 9px;
  color: #ffffff;
}

.data {
  color: #ffffff;}

/* {--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/yvetteeve/" title="..brokenFEM..'s layouts">..brokenFEM..'s layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by ..brokenFEM.. on November 23rd, 2008 (7:41 GMT).

Other layouts from 'Quotes/Words' category:

Friendster-Layouts.com

ILOVEYOU

Navigation Links

Browse Layouts

Sponsors