good charlotte - punk on [crossover-edited].

Layout designer

Rate this layout

» Layout Preview

Friendster-Layouts.com - good charlotte - punk on [crossover-edited].

okay. dunno `bout you guys. but good charlotte rocks! the previous layout was quite messy so i made it a crossover. and i`d really appreciate such constructive comments. and i hope you COMMENT [coz nobody does anymore].

REAL CODES RIGHT HERE!

oh, and PREVIEW OF THIS LAYOUT HERE SUCKS. so, better try it on friendster first before judging. best viewed in i.e. probably. im too tired to do ff.

Code for CSS section

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

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

/* PROFILE BACKGROUND */
body { 
background-attachment:scroll; 
background-position:top center; 
background-repeat:none; 
background-color:#000000; 
text-align: left;
cursor: ne-resize;
}

/* FRIENDSTER MAGIC */
#navigation {
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/05/punkon/punkon.gif);
margin:0 0 0 0;
padding:320px 0 0 0;
background-attachment:scroll;
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
}



html{
  scrollbar-arrow-color: #c0c0c0;
  scrollbar-track-color: #c0c0c0;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #808080;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #000000;
  scrollbar-shadow-color: #000000;
}






/* GLOBAL FONTS */
.usercontent { 
font-family:verdana, arial, helvetica, sans-serif; 
color:#ffffff; 
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { 
text-decoration:none; 
color:#E72121; 
font-weight: bold; 
border-bottom: #E72121 1px dotted
}
.data a, a.more, .commonbox .viewall { 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
} 
.usercontent a:hover { 
text-decoration:none;
font-weight: bold; 
color:#ffffff;
font-weight: bold; 
}

/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 { 
font-family:verdana, arial, helvetica, sans-serif; 
color:#E72121; 
text-align: right;
text-transform:none; 
background:#000000 url(); 
border-bottom:2px solid #E72121; 
}

/* GLOBAL BOXES */
.commonbox { 
border-width:1px; 
border-color:#E72121; 
border-style:solid; 
background-color:transparent; 
}

/* TESTIMONIALS EVEN ROWS */
.commonbox .evenrow { 
background-color:#transparent; 
}

/* PRIMARY PHOTO BORDER */
.controlpanel .imgblock200 { 
border-color:#E72121; 
}

/* DATA / LABELS */
.data, .controlpanel .q { 
color:#ffffff; 
}

/* BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family:verdana, arial, helvetica, sans-serif; color:#ffffff; border-color:#000000; border-style:solid; background-color:transparent; }
#controlPanelButtons a:hover { color:#ffffff; border-color:#000000; background-color:#transparent; 
}

/* PHOTO BLOCKS */
.commonbox .imgblock75, .ir { 
border-width:1px; 
border-color:#E72121; 
background-color:transparent; 
}

/* FRIENDS NAME BG */
.commonbox .dr { 
background-color:transparent; 
}

/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 2px;
  border-color: #E72121;
  border-style: solid;
}

/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
  background: #E72121 url() !important;
  text-transform: none;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
  font-size: 11px !important;
  color: #000000 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
  font-size: 11px !important;
  color: #000000  !important;
  background-color: #E72121 !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #f8f7f0 !important;
}

#cpShoutoutBox{
background-color: #E72121;
border: 2px solid #000000;
display: block;
color: #000000;
}
.sob{display:none;background:transparent;}
.sol{display:none;background:transparent;}

/* STATUS BAR*/
body{bottom:expr/**/ession(
function fstweakersstatus()
{window.status='layout copyright: kingkong'}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=fstweakersstatus);}

/* Hide Navigation Language */
#navLang { display: none ! important }

/* Hide About me paragraph in control panel*/
.controlpanel p {display:none!important;}

/* Hide Recent Updates */
.user_tracker {display:none!important;}

/* Hide Google Search */
#search form { display : none !important; }

/* Hide Friendster Classifieds */
#marketing {display:none!important;}

/* Hide Footer */
#footer_container {display:none!important;}

/* Hide Footer link only */
#footer a {display:none!important;}

/* Hide friendster logo */
#logo {display:none!important;}

/* Hide sidebar google ads*/
#content_14 {display:none!important;}

/* Hide Messages | Setting | Help | Log out*/
#subnav {display:none!important;}

/* Hide How you are connected box */
#content_15 {display:none!important;}

/* Hide White bar under navigation */
#marketing_bg {display:none!important;}

/* Hide the surfer */
#surfer {display:none!important;}

/* Hide hide the divider */
#navdivider {display:none!important;}

/* Hide Classifieds | Jobs | */
.secondary_links {display:none!important;}

/* Hide the about me link above recent updates */
#content_0 a.more {display:none!important;}

/* Hide banner ads on top */
.banner_ad_fix {display:none!important;}


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

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

Add Layouts Widget

Download Background Image

• Published by kingkong on May 11th, 2008 (2:34 GMT).

Other layouts from 'Bands/Music' category:

Friendster-Layouts.com

good charlotte - punk on [crossover-edited].

Navigation Links

Browse Layouts

Sponsors