flyleaf

Layout designer

♥JOMAY♥

Rate this layout

* * * * ½ 21 votes

» Layout Preview

PLZ READ! CLICK HERE TO GET THE CODES CLICK HERE TO GET THE CODES CLICK HERE TO GET THE CODES CLICK HERE TO GET THE CODES
visit my sites http://www.jomay-layouts.co.nr and http://www.angelic-graphics.co.nr
join our group in friendsterhttp://www.friendster.com/group/tabmain.php?gid=672310

Code for CSS section

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

/*Layout by jomay aka suicide gurl*/
/*thanks to friendstermagic.forumzen.com*/

/* PAGE BACKGROUND */
body {
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/06/flyleaf/flyleaf.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000000;
  
scrollbar-3dlight-color: #4D4D4D;
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #4D4D4D;
scrollbar-face-color: #999999;
scrollbar-highlight-color: #4D4D4D; 
scrollbar-shadow-color: #4D4D4D;
scrollbar-track-color: #4D4D4D; 
border-style:outset; 
border-top-color: #999999;
border-bottom-color: #999999; 
border-left-color: #4D4D4D;
border-right-color: #4D4D4D;
border-top-width: 20px;
border-bottom-width: 20px; 
border-left-width: 20px;
border-right-width: 20px;
overflow-x: hidden;}
}

/*main table */
table#flo_wrapper {
margin: 20px auto 20px auto;
border: #999999;
border-style: outset;
border-width: 2px;
background: transparent;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url();
background-position: right bottom;
}

/* GLOBAL FONTS */
.usercontent {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #999999;
  text-transform: lowercase;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #999999;
}
.usercontent a:hover {
  text-decoration: none;
  color: #000000;
  border-bottom-style:double; 
  border-bottom-width:2 px;
  border-top-style:double; 
  border-top-width:2 px;
}
/* MASTER BOXES */
.commonbox {
  border-width: 2px;
  border-color: #999999;
  border-style: double;
  background-color: transparent;
}
.commonbox .evenrow {
  background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #999999;
  text-transform: lowercase;
  background-color: transparent;
  border-bottom: #999999 2px double;
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-position: center center;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 2px;
  border-color: #999999;
  border-style: double;
  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #999999;
  border-style: double;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #999999;
}
.controlpanel .data {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #999999;
}
.data a {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #999999;
  text-transform: lowercase;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #999999;
  text-transform: lowercase;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #999999;
  border-color: #999999;
  background-color: transparent;
}
#controlPanelButtons a:hover {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #999999;
  border-color: #999999;
  background-color: transparent;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-color: #999999;
  background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-color: #999999;
  background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
  border-color:#999999;
  background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
  border-color: #999999;
  background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
  border-width: 2px;
  border-color: #999999;
  border-style: outset;
  background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 2px;
  border-color: #999999;
  border-style: outset;
  background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 2px;
  border-color: #999999;
  border-style: outset;
  background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 2px;
  border-color: #999999;
  border-style: outset;
  background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
  border-width: 2px;
  border-color: #999999;
  border-style: outset;
  background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
  border-width: 2px;
  border-color: #999999;
  border-style: outset;
  background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
  border-width: 2px;
  border-color: #999999;
  border-style: outset;
  background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
  border-width: 2px;
  border-color: #999999;
  border-style: outset;
  background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: 2px;
  border-color: #999999;
  border-style: outset;
  background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #999999;
  text-transform: lowercase;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #999999;
  text-transform: lowercase;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
     border-width: 2px;
  border-color: #999999;
  border-style: outset;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  color: #999999;
  text-transform: lowercase;
  background-color: transparent;
}

/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;
}
/* hide the connection box */
#meettrail{display:none;background:transparent;}

/* hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

/* remove featured sponsor */

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#999999; 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;}

/* remove search form*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
.banner_ad_fix{display:none;}
#banneradrow, #ads_2_3{display:none;}

/* personalize logo */
#navigation {
background-color: transparent;
border: 2px outset #999999;
margin:10px 0 30px 0;
padding:260px 0 0 0;
background-image: url(http://i168.photobucket.com/albums/u187/suicidegurl_layouts/crossover/flyleafbanner.jpg);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: center center;
}

/* 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; transparent;}



/* 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: #999999 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
  font-size: 11px !important;
  color: #999999  !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #999999 !important;
}

/* CUSTOMIZED RECENT UPDATES */
.user_tracker {
  font-size: '11'px;
  color: #999999;
  background-color: transparent;
  border-style: 'groove';
  border-color: #999999;
  border-width: '4'px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
  font-family: 'verdana, arial, Helvetica, sans-serif' !important;
  font-size: '11'px !important;
  font-weight: normal !important;
  color: #999999 !important;
  text-decoration: underline !important;
}
.user_tracker a:hover {
  font-family: 'verdana, arial, Helvetica, sans-serif' !important;
  font-size: '11'px !important;
  font-weight: normal !important;
  color: #999999 !important;
  text-decoration: overline !important;
}

.controlpanel .so, .minicontrolpanel .so { width: 257px; position: relative; background:url('BACKGROUND IMAGE HERE') repeat top left; color: #999999; font-weight: bold; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px }
.controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:; no-repeat }
.controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:; no-repeat; line-height: 0; font-size: 0 }

/* CSS IMAGE EFFECTS - FRIENDSTER-TWEAKERS.COM */
img { filter:blur(strength=8) }
a:hover img { filter:invert }

/*REMOVE BACKGROUND COLOR */
#navigation div {
	background-color: transparent;
	background-image: none;
}

/* FriendsterMagic - Main Navigation */
#mainnav{margin: 0 0px;background:transparent! important;border: transparent!important; width: 800px !important;}
#mainnav span, #mainnav_left, #mainnav_right {display:none;}
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent!important;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent;background-color: tranparent!important;}
#mainnav { text-align: center !important; }


.secondary_links {display:none}

/* FriendsterMagic - Primary */
#mainnav a {border: 3 outset #999999; margin: 0 2 0 2; font:10; text-decoration:none! important;color:#999999! important;background:#000000!
important; }
#mainnav a:hover {border:3 inset #999999; background:#000000; color:#999999! important;}

* FriendsterMagic - Move to center */
 .primary_links { margin-left: 80px !important; }

/* FriendsterMagic - treemenu */
#mainnav .mainfoldericon{
background: url()! important;background-attachment: fixed;
background-repeat: repeat!important;
background-position: top center;
background-color: 000000!important;color:#999999!important;}

/* FriendsterMagic - Main Nav Drop Down Menu */
#mainnav ul li ul{
left: 0;
position: absolute;
top: 1px;display: block;
visibility: hidden;
background-color: #000000! important;
background-image: url()!important;}


/* FriendsterMagic - Right Navigation */
.secondary_links {display:none}

/* FriendsterMagic - Secondary Links */
.secondary_links a, .secondary_links a:link, .secondary_links a:visited, .secondary_links a:active {
padding: 0 10px; font-size: 12px !important;
font-weight: bold!important;
border: 3 solid #999999;
margin: 0 2 0 2; 
text-decoration:none! important;
color:#999999! important;
background-color:#000000!important;
background-image: url(url here)!important;}


/* FriendsterMagic - one column friends list */
.friends { /*box*/
background-color: transparent;
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center bottom;
border: #999999;
border-style: solid;
border-width: 2px;
margin-left:0; margin-right:0; margin-top:-18px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:18px; padding-bottom:400px
}


.friends { padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:40px; }
.friends div.boxcontent { width:100%;text-align:center; } 
.friends.flogrid75{ background:; text-align:center;width:75px; }
.friends div.viewall a{ text-align:center; width:100%; padding-left:20px; }
.dr { text-align: center; background:; transparent; padding: 3px 0; border-top: 0px solid;}
.flogridp .flogriditem { margin-right: 13px; width: 101px; height: 87px; background: transparent; no-repeat }

/* {--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/suicide_gurl/" title="♥JOMAY♥'s layouts">♥JOMAY♥'s layouts</a></p>