Rock On! layout | Friendster-Layouts.com

Rock On!

Layout designer

Rate this layout

» Layout Preview

Get the FULL Code Friendster Layouts.

Code for CSS section

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

/* STRICTLY DO NOT REMOVE CREDITS ON IMAGES EVEN IN CSS */
/* Vixenart - Friendster Profile Editor */
/* Site url: www.vixenart.net */
/* Title: Rock On by Sabrina */


html{
  scrollbar-arrow-color: #ffffff;
  scrollbar-track-color: #000000;
  scrollbar-face-color: #6d0000;
  scrollbar-highlight-color: #6d0000;
  scrollbar-3dlight-color: #6d0000;
  scrollbar-darkshadow-color: #6d0000;
  scrollbar-shadow-color: #6d0000;
}

/* FRIENDSTER MAGIC */
#navigation {
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/03/rock/rock.gif);
margin: 0;
padding: 200px 0 0 0;
background-attachment:scroll;
background-repeat: no-repeat;
background-position: top left;
background-color: #000000;
border: 2px solid #000000;
}

table#flo_wrapper{
  border: 4px groove #480000;
}

/* PAGE BACKGROUND */
body {
  background-image: url(http://img210.imageshack.us/img210/6136/rckbgyz3.gif);
  background-attachment: fixed;
  background-position: center center;
  background-color: #1a1a1a;
  cursor: url(http://www.123cursors.com/freecursors/2427.ani), url(http://www.123cursors.com/freecursors/2427.gif), auto;
  text-align: left;
}
/* GLOBAL FONTS */
.usercontent {
  color: #ffffff;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #ffcc00;
}
.usercontent a:hover {
  text-decoration: none;
  color: #cc3300;
}
/* MASTER BOXES */
.commonbox {
  border-width: 3px;
  border-color: #000000;
  border-style: dashed;
  background: #0d0d0d;
}
.commonbox .evenrow {
  background-color: #4d0000;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  color: #ffffff;
  text-transform: uppercase;
  background: #000000 url(http://img120.imageshack.us/img120/2708/rbgjc6.gif) repeat;
  border-bottom: 3px dashed #000000
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 2px;
  border-color: #000000;
  border-style: dashed;
  background-color: #0d0d0d;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #990000;
  border-style: dashed;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  color: #ffffff;
}
.controlpanel .data {
  color: #ffffff;
}
.data a {
  color: #ffffff;
  text-decoration: ;
}
/* DATA / LABELS */
.data, .controlpanel .q { 
color:#ffffff; 
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  color: #ffffff;
  text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Arial, Sans-serif;
  color: #ffffff;
  border-color: #000000;
  border-style: dashed;
  background-color: #990000;
  text-decoration: ;
}
#controlPanelButtons a:hover {
  font-family: Arial, Sans-serif;
  color: #ffffff;
  border-color: #000000;
  background-color: #1a1a1a;
  text-decoration: ;
}

/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow:auto;
  width:360px; 
  background-color: TRANSPARENT;
  background-position: center;
  background-repeat: no repeat;
}

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

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

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

/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
  background: #4d0000 url(http://img120.imageshack.us/img120/2708/rbgjc6.gif) !important;
  text-transform: uppercase;
}
#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: #ffc600  !important;
  background-color: #transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #9f5300 !important;
}

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

#search {
background-color:transparent;
color: #FFFFFF;
}
#search form {
background-color:transparent;
color: #FFFFFF;
}

.controlpanel .q {
background: url(http://i30.tinypic.com/6p3w3t.gif) no-repeat center left; 
padding: 0 0 0 20px;}

.usercontent .q{
background: url(http://i30.tinypic.com/6p3w3t.gif) no-repeat left; 
padding: 0 0 0 10px;}


/* Sabrina's self code for Mozilla Firefox users */
/* Shoutbox and Recent Updates box*/
/* DO NOT REMOVE CREDITS */

/* FOOTER */
#footer a{
color: #757575;
}

#footer a:hover{
color: #b4b4b4;
text-decoration: none;
}

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

.user_tracker{
background-color: #390606;
border: 2px solid #000000;
color: #962e2c;
}

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

.banner_ad_fix{
display:none;background:transparent;
}

.banner_ad{
display:none;background:transparent;
}

.mastheadbanner{
display:none;background:transparent;
}

/* FLOATING PAGE EFFECT - FRIENDSTER-TWEAKERS.COM */body {
border-style:groove; 
border-top-color: #5b0000;
border-bottom-color: #5b0000; 
border-left-color: #5b0000;
border-right-color: #5b0000;
border-top-width: 30px;
border-bottom-width: 30px; 
border-left-width: 30px;
border-right-width: 30px;}

/* Sabrina's self code for Mozilla Firefox users */
/* Shoutbox and Recent Updates box*/
/* DO NOT REMOVE CREDITS */

/* {--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/anitadesigns/" title="vixenart.net's layouts">vixenart.net's layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by vixenart.net on March 8th, 2008 (8:52 GMT).

Other layouts from 'For Boys' category:

Friendster-Layouts.com

Rock On!

Navigation Links

Browse Layouts

Sponsors