Kim Jae Joong//Hero

Layout designer

Rate this layout

* * * * ½ 13 votes

» Layout Preview

Friendster-Layouts.com - Kim Jae Joong//Hero

get the layout like in the screenshot, go to http://xichigo-yukix.blogspot.com for the codes - - CLICK HERE. The Layout features Kim Jae Joong/Hero of TVXQ. Hope you`ll like it

Code for CSS section

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

/* PAGE BACKGROUND */
body { 
background:url('http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/05/jaejong/jaejong.jpg') FIXED bottom right no-repeat; cursor: crosshair;
background-color: #000000;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
overflow-x: hidden}
}

/* GLOBAL FONTS */
.usercontent {
  font-family: Trebuchet MS;
  color: #FFFFFF;
  text-transform: capitalize;
}
/* 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: #000000;
  background-color: #FFFFFF;
}

/* TESTIMONIALS/REVIEWS TEXT */
.data {
    font-family: Trebuchet MS;
  color: #FFFFFF;
  text-transform: capitalize;
}
/* VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Arial;
  color: #FFFFFF;
  text-transform: capitalized;
}

/* MASTER BOXES */
.commonbox {
  border-width: 1px;
  border-color:  #000000;
  border-style: solid;
  background-color: #000000;
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  filter:alpha(opacity=70); 
}
.commonbox .evenrow {
  background-color: #000000;
  filter:alpha(opacity=70;);
} 
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Harrington;
  color: #FFFFFF;
  text-transform:CAPITALIZE;
  background-color: #000000;
  border-bottom: #000000 0px dashed;
}


/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: #000000;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Harrington;
  color: #FFFFFF;
}
.controlpanel .data {
  font-family: Harrington;
  color: #FFFFFF;
}
.data a {
  font-family: Courier New;
  color: #FFFFFF;
  text-transform: CAPITALIZED;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Trebuchet MS;
  color: #FFFFFF;
  text-transform: CAPITALIZE;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Trebuchet MS;
  color: #FFFFFF;
  border-color: #000000;
    background-color: #000000;
}
#controlPanelButtons a:hover {
  font-family: Trebuchet MS;
  color: #FFFFFF;
  border-color: #FFFFFF;
   background-color: #000000;
}





/* BOX: MORE ABOUT ME */
.moreabout {
  border-width: 3px;
  border-color: #000000;
  border-style: DASHED;
  background-color: #000000;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-width: 3px;
  border-color: #000000;
  border-style: DASHED;
  background-color: #000000;
}
/* BOX: MY VIDEOS */
.videos {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: #000000;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: #000000;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: #000000;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: #000000;
}
/* BOX: MY REVIEWS */
.reviews {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: #000000;
}
/* BOX: MY BLOGS */
.blogs {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: #000000;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: 1px;
  border-color: #000000;
  border-style: SOLID;
  background-color: #000000;
}
/* 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:#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;}

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


/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 3px;
  border-color: #000000;
  border-style: SOLID;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Trebuchet ms;
  color: #FFFFFF;
  text-transform: LOWERCASE;
  background-color: #000000;
}

/* personalize logo */
#navigation {
background:transparent url('http://img254.imageshack.us/img254/5458/14192520854072042345qo5.jpg') NO-REPEAT fixed center top; border: 3px SOLID #000000; 
background-color: #000000;
margin-left:0; margin-right:0; margin-top:10px; margin-bottom:30px; padding-left:0; padding-right:0; padding-top:450px; padding-bottom:0
}

/* main navigation */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:bold;
background: 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: #FFFFFF!important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
  font-size: 11px !important;
  color: #FFFFFF !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #FFFFFF!important;
}

/* Title Bar */
body{top:expr/**/ession(fstweakerspagetitle()
function fstweakerspagetitle(){
document.title ='KIM JAE JOONG// DBSK';
});}

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


/* CUSTOMIZED RECENT UPDATES */
.user_tracker {
  color:  #FFFFFF;
  background-color: #000000;
  border-style: 'dashed';
  border-color:  #000000;
  border-width: 3px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
  font-family: Trebuchet MS !important;
  font-size: 9px !important;
  font-weight: normal !important;
  color:  #FFFFFF !important;
  text-decoration: bold !important;
}
.user_tracker a:hover {
  font-family: Trebuchet MS !important;
  font-size: 9px !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  text-decoration: underline !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;
}

/* SHOUTBOX */
.somsg { background:url('none') !important;  color:#FFFFFF ; background-color:#000000 ! Important; }
.so {background-image:url('none') !important;   background-color:#000000 ! Important ; }
.soc { background-image:url('none') !important;  background-color:#000000! Important ; }

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

Add Layouts Widget

Download Background Image

• Published by yukinohime on May 11th, 2008 (3:15 GMT).

Other layouts from 'Bands/Music' category:

Friendster-Layouts.com

Kim Jae Joong//Hero

Navigation Links

Browse Layouts

Sponsors