Cool blue and gray layout | Friendster-Layouts.com

Cool blue and gray

Layout designer

Rate this layout

» Layout Preview

Friendster-Layouts.com - Cool blue and gray

CLICK HERE TO GET THE “Direct Code” OF THIS LAYOUT TO APPEAR THE EFFECT SAME OF MY SCREENSHOT

BEST VIEWED IN ALL INTERNET EXPLORER BROWSERS! It will not appear the effect of this layout when you view the layout preview unless u put correctly the direct code in your profile. If the code doesn`t work there are 3 possibilities: 1.)YOU DIDNT FOLLOW INSTRUCTION CORRECTLY 2.)FRIENDSTER UPDATED/NEW CODES 3.)MY BANDWIDTH EXCEEDED Please read and understand properly the instructions of how to use and where to paste the direct code in your profile.I`m n0t accepting any requests.Hope you understand.Thank you.

Code for CSS section

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

/*MAIMITSU PREMADE LAYOUTS*/

/* PAGE BACKGROUND */
body {
  background-image: 
url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2008/08/blueandgray/blueandgray.png);
  background-attachment: fixed;
  background-position: top left;
  background-repeat: repeat;
  background-color: #000000;
}
/* MASTER BOXES */
.commonbox {
  border-width: 10px;
  border-color: gray;
  border-style: solid;
  background-color: black;
}

.commonbox .evenrow {
  background-color: transparent;
}


/*global fonts*/
.usercontent {
  font-family: tahoma;
  color: #ffffff;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, 

.usercontent a:active {
  font-weight:bold;
  color: #0066FF;
}
.usercontent a:hover {
  color: yellow;
}

.commonbox .viewall { /*viewall link*/
  font-weight:bold;
  color: #0066FF;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
  border-style: solid;
  border-width:2px; 
  border-color: #ffff99;
  background-color: #ffff99;
}

.commonbox .dr { /*name bars below photo blocks*/
  color: #ffff99;
  background-color: #ffff99;
}

/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
  border-style: solid;
  border-width:6px; 
  border-color: #ffff99;
  background-color: #ffff99;
}

.data { /*data answers*/
  color: #ffffff;
}
.controlpanel .q { /*data labels*/
  color: #0066FF;
}
.data a { /*data links*/
  color: #0066FF;
}
a.more { /*more about link*/
  color: #ffffff;
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
background-color: transparent;
height:50px! important;
 color: yellow;
 text-transform: UPPERCASE;
 border: # 0px none;
}

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-color: gray;
font-family:Trebuchet MS;
font-weight:bold;
color: #ffffff;
text-transform: uppercase;
}
#controlPanelButtons 
a:hover {
background-color: lightblue;
font-family: franklin gothic book, tahoma;
color: gray;
font-weight: bold;
text-transform: uppercase;
}

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

Download Background Image

Add Layouts Widget

• Published by maimitsu on August 29th, 2008 (15:39 GMT).

Other layouts from 'For Girls' category:

Friendster-Layouts.com

Cool blue and gray

Navigation Links

Browse Layouts

Sponsors