Heart Breaker

Layout designer

Rate this layout

» Layout Preview

uhMm This is an External Style sheet LaYOUT SO PLEASE READ THIS CAREFULLY!! PROCEED HERE TO GET THE CODE’S FOR YOUR ABOUT ME BOX OR ELSE YOUR LAYOUT WILL NOT WORK. PROCEED ~~HERE~~

Code for CSS section

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

/* FRIENDSTER-LAYOUTS.COM */
/* Heart Breaker by:mhz_lain08 */ 



/* LAYOUT BY:,MHZ_LAIN08 */

/* PAGE BACKGROUND */
body {
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2007/05/heartbreaker2.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #476F7C;
  cursor: se-resize;
scrollbar-3dlight-color:#476F7C;
scrollbar-arrow-color:#79919B;
scrollbar-base-color:#df4794;
scrollbar-darkshadow-color:#344F5A;
scrollbar-face-color:#476F7C;
scrollbar-highlight-color:#344F5A;
scrollbar-shadow-color:#476F7C;
border-style:groove; 
border-top-color: #344F5A;
border-bottom-color: #344F5A; 
border-left-color: #476F7C;
border-right-color: #476F7C;
border-top-width: 10px;
border-bottom-width: 10px; 
border-left-width: 50px;
border-right-width: 50px;}
}
/* GLOBAL FONTS */
.usercontent {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #344F5A;
  text-transform: lowercase;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #344F5A;
}
.usercontent a:hover {
  text-decoration: none;
  color: #344F5A;
}
/* MASTER BOXES */
.commonbox {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
.commonbox .evenrow {
  background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  color: #344F5A;
  text-transform: lowercase;
  background-color: #476F7C;
  border-bottom: #C3C5C8 4px inset;
  background-image:url(http://imgplace.com/directory/dir2717/1179046848_9231.jpg);
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-position: center center;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 3px;
  border-color: #344F5A;
  border-style: inset;
  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #344F5A;
  border-style: inset;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #344F5A;
}
.controlpanel .data {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #344F5A;
}
.data a {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #344F5A;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #344F5A;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #344F5A;
  border-color: #C3C5C8;
  background-color: #476F7C;
}
#controlPanelButtons a:hover {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #344F5A;
  border-color: #C3C5C8;
  background-color: #476F7C;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
  background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #344F5A;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #344F5A;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 3px;
  border-color: #C3C5C8;
  border-style: inset;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  color: #344F5A;
  background-color: transparent;
}
/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;
}
/* FriendsterMagic - hide the connection box */
#meettrail{display:none;background:transparent;}

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

/* FriendsterMagic - remove featured sponsor */

#marketing_bg{display:none;background:transparent;}

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

/* FriendsterMagic - personalize logo */
#navigation {
background-color: transparent;
border: 6px double #C3C5C8;
margin:10px 0 10px 0;
padding:260px 0 0 0;
background-image: url(http://i191.photobucket.com/albums/z154/mhzlain08_ii/1179045507_5505.gif);
background-color:#476F7C;
background-attachment:scroll;
background-repeat: no-repeat;
background-position: CENTER center;
}

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

/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  border: 6px double #C3C5C8;
  width:380px; 
  height: 100px;
  background-color: TRANSPARENT;
  background-image: url();
  background-position: center;
  background-repeat: no repeat;
}

/* FriendsterMagic - scrolling testimonial boxes */
.testimonials div div .dtd{width:100%;}
.testimonials div div .dtd ul{padding: 2px 2px 2px 2px; overflow: auto; border: 6px double #C3C5C8; width: 380px; height: 100px;}
.testimonialscomments { /*box*/
background-color: TRANSPARENT;}
.testimonials { /*box*/
background-image: url(URL_OF_IMAGE);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border: #C3C5C8;
border-style: double;
border-width: 6px;
{ font-family:tempus sans itc, Sans-serif; color:#FFF7E7; }
}

/*FriendsterMagic - main table */
table#flo_wrapper {
margin: 20px auto 20px auto;
border: #C3C5C8;
border-style: double;
border-width: 6px;
background: transparent;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(URL_OF_IMAGE);
background-position: right bottom;
}


/* 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: #FFFFFF !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: #344F5A

  !important;
}

/* FLOATING PAGE EFFECT - FRIENDSTER-TWEAKERS.COM */body {
border-style:groove; 
border-top-color: #476F7C;
border-bottom-color: #476F7C; 
border-left-color: #476F7C;
border-right-color: #476F7C;
border-top-width: 50px;
border-bottom-width: 50px; 
border-left-width: 50px;
border-right-width: 50px;}
/* LAYOUT BY:,MHZ_LAIN08 */

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

Add Layouts Widget

Download Background Image

Background image: http://i191.photobucket.com/albums/z154/mhzlain08_ii/Heartbreaker_by_rockable.jpg

Banner: http://i191.photobucket.com/albums/z154/mhzlain08_ii/1179045507_5505.gif

• Published by mhz_lain08 on May 18th, 2007 (13:00 GMT).

Other layouts from 'Simple' category:

Friendster-Layouts.com

Heart Breaker

Navigation Links

Browse Layouts

Sponsors