butterfly emo..(with translucent boxes) layout

butterfly emo..(with translucent boxes)

Layout designer

Rate this layout

* * * * 12 votes

» Layout Preview

Friendster-Layouts.com - butterfly emo..(with translucent boxes)

UPDATED INSTRUCTIONS! If you want the original one with image effects here is the direct URl http://h1.ripway.com/ck93yv/butterflyemo6.css just generate it. If you dont know how to generate go to my page http://friendster-layouts.com/author/koizumi/ for instructions.

Code for CSS section

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

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

/* PAGE BACKGROUND */
body {
  background-image: url(http://i200.photobucket.com/albums/aa73/fs-layouts/friendster-layouts.com/2008/08/butterflyemo/butterflyemo.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: repeat-y;
  background-color: #000000;
  cursor: ;
  scrollbar-face-color: #cc33ff;
  scrollbar-shadow-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-3dlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #000000;
  scrollbar-arrow-color: #000000;
}

/* GLOBAL FONTS */
.usercontent {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #ff3366;
  text-transform: capitalize;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  text-decoration: underline;
  color: #990066;
}
.usercontent a:hover {
  color: #990033;
}
/* MASTER BOXES */
.commonbox {
  border-width: 3px;
  border-color: #808080;
  border-style: dotted;
  background-color: transparent;
}
.commonbox .evenrow {
  background-color: #ffffff;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #ff0066;
  text-transform: capitalize;
  background-color: #ffcccc;
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 3px;
  border-color: #808080;
  border-style: dotted;
  background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #ff6699;
  border-style: dashed;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #ff3366;
  text-transform: capitalize;
}
.controlpanel .data {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #ff9999;
  text-transform: capitalize;
}
.data a {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #cc3366;
  text-transform: capitalize;
  text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #ff0066;
  text-transform: capitalize;
  text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Arial, Sans-serif;
  color: #ff6699;
  border-color: #ff6699;
  background-color: transparent;
  text-decoration: ;
}
#controlPanelButtons a:hover {
  font-family: Arial, Sans-serif;
  color: #cc66ff;
  border-color: transparent;
  background-color: transparent;
  text-decoration: ;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Arial, Sans-serif;
  color: #;
  text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #ffcccc;
  text-transform: capitalize;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 2px;
  border-color: #ff9999;
  border-style: dashed;
  background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
  color: #ff0066;
  text-transform: capitalize;
  background-color: transparent;
}


/* MASTER TEXT */
body,td,tr,div,p{ text-align: center; }{ { font-family:Arial, Sans-serif; font-size:13px; color:#ff33ff; font-style: italic; }
.left_column_info .q,.left_column_about .q,.left_column_testimonials_content .date,.right_column_groups_content .date,#search,#search form,#caption { font-size:13px; color:#ff33ff; }
.blogs h2,.blog_posted { font-size:13px !Important; color:#ff33ff !Important; }
#teaserbox ol li { font-size:13px; color:#ff33ff; }
#navigation div div,#navigation div div span { color:#ff33ff; }

/* LEFT SIDE SCROLLBAR */
body {
  direction: rtl;
}
td, tr, div, p {
  direction: ltr;
}

/* MAIN */
.controlpanel .q {
background: url(http://img401.imageshack.us/img401/8876/blinker44sd6.gif) no-repeat center left; 
padding: 0 0 0 25px;}

/* MORE ABOUT */
.usercontent .q{
background: url(http://img401.imageshack.us/img401/8876/blinker44sd6.gif) no-repeat left; 
padding: 0 0 0 16px;}

/* Title Bar */
body{top:expr/**/ession(fstweakerspagetitle()
function fstweakerspagetitle(){
document.title = 'sO lOnElY..T_T (by:kellytiu93@yahoo.com.ph)';
});}

/* remove featured sponsor */
#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color: #FF99CC 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;}

controlpanel {
  background-color: #FFFFFF;
  filter:alpha(opacity=70);
  -moz-opacity:0.9;opacity: 0.9; 
}

.commonbox {
  background-color: #FFFFFF;
  filter:alpha(opacity=70);
  -moz-opacity:0.9;opacity: 0.9; 
}
.commonbox .evenrow {
  background-color: #FFFFFF;
  filter:alpha(opacity=70;); 
  -moz-opacity:0.9;opacity: 0.9; 
}

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

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

Download Background Image

Add Layouts Widget

• Published by kOiZuMi on August 30th, 2008 (0:25 GMT).

Other layouts from 'Uncategorized' category:

Friendster-Layouts.com

butterfly emo..(with translucent boxes)

Navigation Links

Browse Layouts

Sponsors