-+-haPpy bLue vEcTor-+-

Layout designer

Rate this layout

» Layout Preview

Friendster-Layouts.com - -+-haPpy bLue vEcTor-+-

To get the right code plz CLICK HERE!

Code for CSS section

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

/*friendster-layouts.com*/
/*layouts by esoranaoj aka _akuini_*/
/* PAGE BACKGROUND */
body { 
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/04/blue1/blue1.jpg);
background-attachment: FIXED ;
background-position: center center;
background-repeat: REPEAT;
background-color: transparent;
cursor: url(http://www.cursors-4u.com/cursors/cur-1/cur50.ani);
scrollbar-face-color:  #347CC3;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #4397E8;
scrollbar-3dlight-color: #1F8BF5;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color:  #5C9DDC;
scrollbar-arrow-color: #000000;
border-style: ridge;
border-top-color: #177DE0;
border-bottom-color: #177DE0;
border-left-color: #177DE0;
border-right-color: #177DE0;
border-top-width: 25px;
border-bottom-width:25px;
border-left-width: 25px;
border-right-width: 25px;
overflow-x: hidden;}
}
/* GLOBAL FONTS */
.usercontent {
  font-family: Trebuchet MS;
  color: #000000;
  text-transform: capitalize;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #000000;
}
.usercontent a:hover {
  text-decoration: none;
  color: #0000000;
}
/* MASTER BOXES */
.commonbox {
  border-width: 4px;
  border-color:  #53A3F1;
  border-style: double;
  background-color: transparent;
  background-image: url(http://i239.photobucket.com/albums/ff303/UrSugarHighXx/blue.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  filter:alpha(opacity=70); 
}
.commonbox .evenrow {
  background-color: transparent;
  filter:alpha(opacity=70;);
} 
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Harrington;
  color: #000000;
  text-transform: ;
  background-image: url(http://i35.photobucket.com/albums/d197/giants29/Spring%20Journal%20headers/blueheader.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: repeat;
  border-bottom: #53A3F1 4px DOUBLE;
}
/* TESTIMONIALS/REVIEWS TEXT */
.data {
    font-family: Trebuchet MS;
  color: #13497D;
  text-transform: capitalize;
}
/* VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Arial;
  color: #13497D;
  text-transform: capitalized;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Harrington;
  color: #000000;
}
.controlpanel .data {
  font-family: Harrington;
  color: #000000;
}
.data a {
  font-family: Courier New;
  color: #13497D;
  text-transform: CAPITALIZED;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Trebuchet MS;
  color: #13497D;
  text-transform: CAPITALIZE;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Trebuchet MS;
  color: #000000;
  border-color: #53A3F1;
  background-image: url(http://i172.photobucket.com/albums/w33/Keira11508/stripes.jpg);
  background-color: transparent;
}
#controlPanelButtons a:hover {
  font-family: Trebuchet MS;
  color: #13497D;
  border-color: #53A3F1;
  background-image: url(http://i172.photobucket.com/albums/w33/Keira11508/stripes.jpg);
  background-color: transparent;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
  background-color: transparent;
}
/* 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:#13497D; 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: 4px;
  border-color: #53A3F1;
  border-style: DOUBLE;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Harrington;
  color: #13497D;
  text-transform: Capitalize;
  background-color: transparent;
}
/* main navigation */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:bold;
background: url(http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif) fixed repeat center; #13497D;}

/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
  background-color: #13497D: transparent !important;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
  font-size: 11px !important;
  color: #13497D !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
  font-size: 11px !important;
  color: #13497D !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #693805 !important;
}
#cpShoutoutBox {
background: url(http://i172.photobucket.com/albums/w33/Keira11508/stripes.jpg) repeat center;
font-family : Trebuchet MS;
color : #000000;
font-size : 10pt;
text-align : center;
font-weight : bold;
text-decoration : papyrus;
}
/* MAIN */
.controlpanel .q {
background: url(http://dl7.glitter-graphics.net/pub/1008/1008977y82w1ci6ik.gif) no-repeat center left; 
padding: 0 0 0 25px;}

/* MORE ABOUT */
.usercontent .q{
background: url(http://dl7.glitter-graphics.net/pub/1008/1008977y82w1ci6ik.gif) no-repeat left; 
padding: 0 0 0 16px;}

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

}

/* CUSTOMIZED RECENT UPDATES */
.user_tracker {
  color: #13497D;
  background-image: url(http://i172.photobucket.com/albums/w33/Keira11508/stripes.jpg);
  background-color: transparent;
  border-style: DOUBLE;
  border-color: #53A3F1;
  border-width: 4px;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
  font-family: Trebuchet MS !important;
  font-size: px !important;
  font-weight: normal !important;
  color: #53A3F1 !important;
  text-decoration: none !important;
}
.user_tracker a:hover {
  font-family: Trebuchet MS !important;
  font-size: px !important;
  font-weight: bold !important;
  color: #13497D !important;
  text-decoration: underline !important;
}
.friends {
  display: none;
}
.l.ltd{ position:relative;left:160px; }
.rtd { display:none; }
}
/* WELCOME ALERT BOX */
body {
  height:exp/**/ression(
  function welcome() {
  alert('WELCOME TO MY PAGE '+pageViewerFName+' ');
  alert('..`~`JuSt eNj0y tO mY wOrld!!`~`..');
  }
  window.onload=welcome);
}
/* GOODBYE ALERT BOX */
body {
  left:expr/**/ession(
  function goodbye() {
  alert(' ..~``~..ThAnks FoE Visiting '+pageViewerFName+' tAkE caRe!..~``~.. ');
  }
  window.onunload=goodbye);
}

/* LEFT SIDE SCROLLBAR */
body {
  direction: rtl;
}
td, tr, div, p {
  direction: ltr;
}
body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('oOoOpz.. bawal yan .. haha!')}}
document.onmousedown=rightclick);}
}

/*IMAGE EFFECTS*/
a:hover img {
  filter:none;
}
img {
  filter:alpha(Opacity=100,FinishOpacity=0,Style=2);

}

/* HIDDEN TOP NAVIGATIONS */
#navigation,#mainnav, #subnav, #search {
  display: none !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;
}
/* HOVER BACKGROUND EFFECT */
a:hover, a.navbar:hover {
  background-image:url(http://i28.tinypic.com/63u0cy.jpg);
}
a:hover img {
  background-image:url(http://i28.tinypic.com/63u0cy.jpg);
  filter:none;
}
/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
  opacity:.100;
  filter: alpha(opacity=70);
  margin: 0 auto;
}
/* FriendsterMagic - hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}
}
.friends {
  display: none;
}

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

Add Layouts Widget

Download Background Image

• Published by -eSoRaNaOj- on April 14th, 2008 (3:04 GMT).

Other layouts from 'Abstract/Artistic' category:

Friendster-Layouts.com

-+-haPpy bLue vEcTor-+-

Navigation Links

Browse Layouts

Sponsors