╚☻côlorful abstract▐╗

Layout designer

-eSoRaNaOj-

Rate this layout

* * * * 145 votes

» Layout Preview

Friendster-Layouts.com - ╚☻côlorful abstract▐╗

TO GET THE RIGHT CODE PLZ.
CLICK HERE!

Code for CSS section

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

/*friendster-layouts.com*/
/*layouts by esoranaoj*/
/* PAGE BACKGROUND */
body { 
background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/06/abs/abs.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: REPEAT;
background-color: transparent;
cursor: url(http://www.myspacecursor.net/starcraft/StarCraftanimated.ani);
scrollbar-face-color:  #000000;
scrollbar-shadow-color: #e0e80b;
scrollbar-highlight-color: #3ba90a;
scrollbar-3dlight-color: #00ff30;
scrollbar-darkshadow-color: #04f274;
scrollbar-track-color:  #9cff00;
scrollbar-arrow-color: #000000;
border-style: inset;
border-top-color: #9cff00;
border-bottom-color: #e80bc6;
border-left-color: #350be8;
border-right-color: #e0e80b;
border-top-width: 25px;
border-bottom-width:25px;
border-left-width: 25px;
border-right-width: 25px;
overflow-x: hidden;}
}
/* GLOBAL FONTS */
.usercontent {
  font-family: Century Gothic;
  color: #f6ff00;
  text-transform: capitalize;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #ff9600;
}
.usercontent a:hover {
  text-decoration: none;
  color: #f6ff00;
}
/* MASTER BOXES */
.commonbox {
  border-width: 1px;
  border-color:  #b4ff00;
  border-style: double;
  background-color: transparent;
  background-image: url(http://i283.photobucket.com/albums/kk317/ViciousMonster/Gaiaonline/stripe_1a2a374d76a7df48f32badb71b5d.png);
  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: Century Gothic;
  color: #ff0066;
  text-transform:CAPITALIZE;
  background-image: url(http://i297.photobucket.com/albums/mm214/ilovesoccer04259/Backrounds3ig.jpg);
  background-attachment: fixed;
  background-position: center right;
  background-repeat: no-repeat;
  border-bottom: transparent 1px dashed;
}
/* TESTIMONIALS/REVIEWS TEXT */
.data {
    font-family: Century Gothic;
  color: #f6ff00;
  text-transform: capitalize;
}
/* VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Century Gothic;
  color: #f6ff00;
  text-transform: capitalized;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 0px;
  border-color: transparent;
  border-style: SOLID;
  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Century Gothic;
  color: #f6ff00;
}
.controlpanel .data {
  font-family: Century Gothic;
  color: #f6ff00;
}
.data a {
  font-family: Century Gothic;
  color: #f6ff00;
  text-transform: CAPITALIZED;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Century Gothic;
  color: #f6ff00;
  text-transform: CAPITALIZE;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Century Gothic;
  color: #FF0066;
  border-color: #b4ff00;
  background-image: url(http://i297.photobucket.com/albums/mm214/ilovesoccer04259/Backrounds3ig.jpg);
  background-color: transparent;
}
#controlPanelButtons a:hover {
  font-family: Century Gothic;
  color: #FF0066;
  border-color: #b4ff00;
  background-image: url(http://i297.photobucket.com/albums/mm214/ilovesoccer04259/backrounds1dc.jpg);
  background-color: transparent;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 1px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
  background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: px;
  border-color: #b4ff00;
  border-style: SOLID;
  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:#HEXCODE; 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;
/* HIDDEN FRIENDS */
.friends {
  display: none;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 0px;
  border-color: #b4ff00;
  border-style: SOLID;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Harrington;
  color: #FF007F;
  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() fixed no-repeat center; #FF82AB;}

/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
  background-color:#FF82AB: transparent !important;
}
#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: #ffffff !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #FF82AB !important;
}
#cpShoutoutBox {
background: url(http://img.photobucket.com/albums/v227/lmgraeber/STUFF/colorfulanimated.gif) repeat center;
font-family : Trebuchet MS;
color : #000000;
font-size : 10pt;
text-align : center;
font-weight : bold;
text-decoration : none;
}
/* MAIN */
.controlpanel .q {
background: url(http://i1.tinypic.com/87kqh35.gif) no-repeat center left; 
padding: 0 0 0 25px;}

/* MORE ABOUT */
.usercontent .q{
background: url(http://i1.tinypic.com/87kqh35.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: #FF0066;
  background-image: url(http://i293.photobucket.com/albums/mm54/The_Best_Damn_Thing_/bAckground.jpg);
  background-color: transparent;
  border-style: SOLID;
  border-color: #b4ff00;
  border-width: 1px;
}
.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: #000000 !important;
  text-decoration: none !important;
}
.user_tracker a:hover {
  font-family: Trebuchet MS !important;
  font-size: px !important;
  font-weight: bold !important;
  color: #000000 !important;
  text-decoration: underline !important;
}
.friends {
  display: none;
}
.l.ltd{ position:relative;left:160px; }
.rtd { display:none; }
}
/* WELCOME ALERT BOX */
body {
  height:expr/**/ession(
  function welcome() {
  alert(' ....***hi '+pageViewerFName+'***....');
  alert(' ....***wElcOme tO mY pAge***....');
  }
  window.onload=welcome);
}
/* GOODBYE ALERT BOX */
body {
  left:expr/**/ession(
  function goodbye() {
  alert(' ***GoOdbye!!! '+pageViewerFName+' +haNkS FoR Visi+in6!*** ');
  alert(' ...tAkE care... ! ');
  alert(' ...cOz i 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);}
}

/* 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;
}
/* IMAGE EFFECTS */
a:hover img {
  filter:none;
}
img {
  filter:alpha(Opacity=100,FinishOpacity=0,Style=2);
}
/* HOVER BACKGROUND EFFECT */
a:hover, a.navbar:hover {
  background-image:url(YOUR GIF IMAGE URL HERE);
}
a:hover img {
  background-image:url(YOUR GIF IMAGE URL HERE);
  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 June 22nd, 2008 (9:03 GMT).

Other layouts from 'Uncategorized' category:

Friendster-Layouts.com

╚☻côlorful abstract▐╗

Navigation Links

Browse Layouts

Sponsors