⌂⌂bUttErFly⌂⌂

Layout designer

-eSoRaNaOj-

Rate this layout

* * * * 271 votes

» Layout Preview

CLICK HERE TO GET THE RIGHT CODE..

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/mahbutfly1/mahbutfly1.jpg);
background-attachment: FIXED ;
background-position: bottom right;
background-repeat: REPEAT;
background-color: transparent;
cursor: url(http://www.layoutcodez.net/cursors/temp/GreenDayAmericanIdiot.ani);
scrollbar-face-color:  #000000;
scrollbar-shadow-color: #FAB9F9;
scrollbar-highlight-color: #F5CF6D;
scrollbar-3dlight-color: #D2F56D;
scrollbar-darkshadow-color: #D96DF5;
scrollbar-track-color:  #F56DC2;
scrollbar-arrow-color: #000000;
border-style: ridge;
border-top-color: #F56DC2;
border-bottom-color: #F5C56D;
border-left-color: #CCF56D;
border-right-color: #84FBC9;
border-top-width: 30px;
border-bottom-width:30px;
border-left-width: 30px;
border-right-width: 30px;
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: #000000;
}
/* MASTER BOXES */
.commonbox {
  border-width: 4px;
  border-color:  #FB84F7;
  border-style: solid;
  background-color: transparent;
  background-image: url();
  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://dl6.glitter-graphics.net/pub/447/447826eewa4rjleq.gif);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: repeat;
  border-bottom: #FB84F7 4px DOUBLE;
}
/* TESTIMONIALS/REVIEWS TEXT */
.data {
    font-family: Trebuchet MS;
  color: #000000;
  text-transform: capitalize;
}
/* VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Arial;
  color: #000000;
  text-transform: capitalized;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-width: 4px;
  border-color: #FB84F7;
  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: #000000;
  text-transform: CAPITALIZED;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Trebuchet MS;
  color: #000000;
  text-transform: CAPITALIZE;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Trebuchet MS;
  color: #000000;
  border-color: #FB84F7;
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/04/mahbutfly1/mahbutfly1.jpg);
  background-color: transparent;
}
#controlPanelButtons a:hover {
  font-family: Trebuchet MS;
  color: #000000;
  border-color: #FB84F7;
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/04/mahbutfly1/mahbutfly1.jpg);
  background-color: transparent;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
  border-width: 4px;
  border-color: #FB84F7;
  border-style: DOUBLE;
  background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: 4px;
  border-color: #FB84F7;
  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:#000000; 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: #FB84F7;
  border-style: DOUBLE;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Harrington;
  color: #000000;
  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; #000000;}

/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
  background-color:#ffffff: 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: #000000 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #FF82AB !important;
}
#cpShoutoutBox {
background: url(http://i147.photobucket.com/albums/r282/polarbear1224/love_blue.png) 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://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/04/mahbutfly1/mahbutfly1.jpg) no-repeat center left; 
padding: 0 0 0 25px;}

/* MORE ABOUT */
.usercontent .q{
background: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/04/mahbutfly1/mahbutfly1.jpg) 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: #000000;
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/04/mahbutfly1/mahbutfly1.jpg);
  background-color: transparent;
  border-style: DOUBLE;
  border-color: #FB84F7;
  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: #FB84F7 !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:exp/**/ression(
  function welcome() {
  alert('WELCOME TO MY PAGE '+pageViewerFName+' '); alert('uhmm.. how r u?'); alert('how's ur day?!'); 
   alert('cOmment ko.. wag kakalimutan'); alert('sawa knaba?'); alert('eheheh,, meron pa e.. '); alert('senxa na'); alert('view moh kxe e');  alert('haha. last na 'tO, enjoi!');
  }
  window.onload=welcome);
}
/* GOODBYE ALERT BOX */
body {
  left:expr/**/ession(
  function goodbye() {
  alert(' ThAnks FoE Visiting '+pageViewerFName+' tAkE caRe! ');
  }
  window.onunload=goodbye);
}
/* 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(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/04/mahbutfly1/mahbutfly1.jpg);
}
a:hover img {
  background-image:url(http://i147.photobucket.com/albums/r282/polarbear1224/love_blue.png);
  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 3rd, 2008 (0:16 GMT).

Other layouts from 'Abstract/Artistic' category:

Friendster-Layouts.com

⌂⌂bUttErFly⌂⌂

Navigation Links

Browse Layouts

Sponsors