broken heart.. (green) layout | Friendster-Layouts.com

broken heart.. (green)

Layout designer

Rate this layout

» Layout Preview

Friendster-Layouts.com - broken heart.. (green)

Code for CSS section

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

/*friendster-layouts.com*/
/*layouts by esoranaoj aka _akuini_*/
/* PAGE BACKGROUND */
body { 
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2007/12/broken2.jpg);
background-attachment: FIXED ;
background-position: center center;
background-repeat: REPEAT;
background-color: transparent;
cursor: url(http://www.layoutcodez.net/cursors/temp/GreenDayAmericanIdiot.ani);
scrollbar-face-color:  #000000;
scrollbar-shadow-color: #08BB62;
scrollbar-highlight-color: #4CBC84;
scrollbar-3dlight-color: #08BB62;
scrollbar-darkshadow-color: #4CBC84;
scrollbar-track-color:  #08BB62;
scrollbar-arrow-color: #000000;
border-style: SOLID ;
border-top-color: #6AEFAD;
border-bottom-color: #399265;
border-left-color: #6AEFAD;
border-right-color: #399265;
border-top-width: 20px;
border-bottom-width:20px;
border-left-width: 20px;
border-right-width: 20px;
overflow-x: hidden;}
}
/* GLOBAL FONTS */
.usercontent {
  font-family: Trebuchet MS;
  color: #000000;
  text-transform: capitalize;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #000000;
}
.usercontent a:hover {
  text-decoration: none;
  color: #000000;
}
/* MASTER BOXES */
.commonbox {
  border-width: 1px;
  border-color:  #FF82AB;
  border-style: solid;
  background-color: transparent;
  background-image: url(http://i11.photobucket.com/albums/a175/luvzmyrosez/1%20BGS%20GIFS/COLOR/GREEN/BG_GREEN_0001.gif);
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  filter:alpha(opacity=70); 
}
.commonbox .evenrow {
  background-color: transparent;
  filter:alpha(opacity=70;);
} 
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Harrington;
  color: #FFF0F5;
  text-transform:CAPITALIZE;
  background-image: url(http://i81.photobucket.com/albums/j218/garevalo81/Animated/loveyou.gif);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: repeat;
  border-bottom: #0000000 0px dashed;
}
/* TESTIMONIALS/REVIEWS TEXT */
.data {
    font-family: Trebuchet MS;
  color: #FF6EB4;
  text-transform: capitalize;
}
/* VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Arial;
  color: #000000;
  text-transform: capitalized;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Harrington;
  color: #000000;
}
.controlpanel .data {
  font-family: Harrington;
  color: #000000;
}
.data a {
  font-family: Courier New;
  color: #000000;
  text-transform: CAPITALIZED;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Trebuchet MS;
  color: #000000;
  text-transform: CAPITALIZE;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Trebuchet MS;
  color: #FF0066;
  border-color: #000000;
  background-image: url(http://i11.photobucket.com/albums/a175/luvzmyrosez/1%20BGS%20GIFS/COLOR/GREEN/BG_GREEN_0002.gif);
  background-color: transparent;
}
#controlPanelButtons a:hover {
  font-family: Trebuchet MS;
  color: #FF0066;
  border-color: #FFFFFF;
  background-image: url(http://i233.photobucket.com/albums/ee98/calamityjayne17/11946es9judc0nm.gif);
  background-color: transparent;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-width: #px;
  border-color: #HEXCODE;
  border-style: SOLID DASHED INSET OUTSET GROOVE DOUBLE;
  background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-width: #px;
  border-color: #HEXCODE;
  border-style: SOLID DASHED INSET OUTSET GROOVE DOUBLE;
  background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: transparent;
}
/* HIDE FRIENDSTER LOGO */
#f_logo {
  display: none !important;

/* 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:#HEXCODE; 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*/V
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
.banner_ad_fix{display:none;}
#banneradrow, #ads_2_3{display:none;}

.controlpanel p {display:none;}

/* HIDE FRIENDSTER LOGO */
#f_logo {
  display: none !important;
/* HIDDEN FRIENDS */
.friends {
  display: none;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 0px;
  border-color: #HEXCODE;
  border-style: SOLID DASHED INSET OUTSET GROOVE DOUBLE;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Harrington;
  color: #FF007F;
  text-transform: Capitalize;
  background-color: 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; #FF82AB;}

/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
  background-color:#FF82AB: transparent !important;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
  font-size: 11px !important;
  color: #HEXCODE !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
  font-size: 11px !important;
  color: #HEXCODE !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #FF82AB !important;
}
#cpShoutoutBox {
background: url(http://i81.photobucket.com/albums/j218/garevalo81/Animated/loveyou.gif) repeat center;
font-family : Trebuchet MS;
color : #000000;
font-size : 10pt;
text-align : center;
font-weight : bold;
text-decoration : none;
}
/* MAIN */
.controlpanel .q {
background: url(http://i30.photobucket.com/albums/c343/Behind_shadows/kick%20ass%20graphics/robotgreen1.gif) no-repeat center left; 
padding: 0 0 0 25px;}

/* MORE ABOUT */
.usercontent .q{
background: url(http://i30.photobucket.com/albums/c343/Behind_shadows/kick%20ass%20graphics/robotgreen1.gif) no-repeat left; 
padding: 0 0 0 16px;}

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

}

/* CUSTOMIZED RECENT UPDATES */
.user_tracker {
  color: #FF0066;
  background-image: url(http://i81.photobucket.com/albums/j218/garevalo81/Animated/loveyou.gif);
  background-color: transparent;
  border-style: 'solid';
  border-color: #000000;
  border-width: 1px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
  font-family: Trebuchet MS !important;
  font-size: px !important;
  font-weight: normal !important;
  color: #HEXCODE !important;
  text-decoration: none !important;
}
.user_tracker a:hover {
  font-family: Trebuchet MS !important;
  font-size: px !important;
  font-weight: bold !important;
  color: #HEXCODE !important;
  text-decoration: underline !important;
}
.friends {
  display: none;
}
.l.ltd{ position:relative;left:160px; }
.rtd { display:none; }
}
/* WELCOME ALERT BOX */
body {
  height:expr/**/ession(
  function welcome() {
  alert('WELCOME TO MY PAGE '+pageViewerFName+' plz leave me some comments huh?! ');
  }
  window.onload=welcome);
}
/* GOODBYE ALERT BOX */
body {
  left:expr/**/ession(
  function goodbye() {
  alert('Goodbye!thanks For Visiting '+pageViewerFName+' take care! ');
  }
  window.onunload=goodbye);
}
/* HIDDEN TOP NAVIGATIONS */
#navigation,#mainnav, #subnav, #search {
  display: none !important;
}
/* HIDE SEARCH FORM */
#search, #search form {
  display: none !important;
}
/* HIDE TOP WHITE BACKGROUND */
#marketing_bg {
  display :none;
}
/* HIDE SPONSORED LINKS */
#sponsorsAd {
  display: none;
}
/* HIDE BANNERD AD */
.banner_ad_fix {
  display: none;
}
/* HIDE GOOGLE ADS */
#googleAdFactory.fullwidth {
  position: absolute;
  top: -5500px;
}
/* IMAGE EFFECTS */
a:hover img {
  filter:none;
}
img {
  filter:alpha(Opacity=100,FinishOpacity=0,Style=2);
}
/* HOVER BACKGROUND EFFECT */
a:hover, a.navbar:hover {
  background-image:url(YOUR GIF IMAGE URL HERE);
}
a:hover img {
  background-image:url(YOUR GIF IMAGE URL HERE);
  filter:none;
}
/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
  opacity:.100;
  filter: alpha(opacity=70);
  margin: 0 auto;
}
/* FriendsterMagic - hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}
}
.friends {
  display: none;
}

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

Download Background Image

Add Layouts Widget

• Published by -eSoRaNaOj- on December 26th, 2007 (0:30 GMT).

Other layouts from 'Abstract/Artistic' category:

Friendster-Layouts.com

broken heart.. (green)

Navigation Links

Browse Layouts

Sponsors