Jhocy | Butterfly Layouts

Butterfly Layouts

Butterfly Layouts for your Friendster profile.
To use the layouts simply copy the HTML code below the graphic and paste it into your profile. We are adding new content daily so bookmark this page and come back to check for new layouts later.

Jump to page:

Butterfly blinking stars

preview

Code for CSS section

table, tr, td { background-color:transparent;}body {background:#000000;background-image:url('http://www.jhocy.com/layouts/butterflylay1.gif');background-attachment:fixed;background-position:top left;background-repeat:repeat; }
.commonbox {border-style:solid;border-width:1;border-color:#999999;background-color:transparent;background-image:url('Enter Image URL');background-repeat:repeat;background-attachment:fixed;background-position:top center; }
.commonbox h1, .commonbox h2 {background-color:#840089;}.commonbox .evenrow {background-color:transparent;}.usercontent {color:#FFFFFF !important; }.commonbox h1, .commonbox h2 {color:#FFFFFF !important; }
 .data, .controlpanel .q {color:#FFFFFF !important; }.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active {color:#FF66CC !important; font-style:normal; }.usercontent a:hover {color:#FF66CC !important; font-style:normal; }
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {background-color:transparent;border-color:#FFFFFF;font-family:arial !important; border-style:solid !important; }
 #controlPanelButtons a:hover {background-color:transparent;border-color:transparent;}.commonbox .dr {background-color:transparent;}}

Code for Media/About Me

Butterfly pink glitter

preview

Code for CSS section

table, tr, td { background-color:transparent;}body {background:none;background-image:url('http://www.jhocy.com/layouts/butterflylay2.gif');background-attachment:fixed;background-position:top left;background-repeat:repeat; }
.commonbox {border-style:solid;border-width:1;border-color:#FF0099;background-color:#FFFFFF;background-image:url('Enter Image URL');background-repeat:repeat;background-attachment:fixed;background-position:top center; }
.commonbox h1, .commonbox h2 {background-color:#FF66FF;}.commonbox .evenrow {background-color:#FFFFFF;}.usercontent {color:FF00FF !important; }.commonbox h1, .commonbox h2 {color:#FFFFFF !important; }
 .data, .controlpanel .q {color:#FF00FF !important; }.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active {color:#FF66FF !important; font-style:normal; }.usercontent a:hover {color:#FF66FF !important; font-style:normal; }
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF;font-family:arial !important; border-style:solid !important; }
 #controlPanelButtons a:hover {color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF;}.commonbox .dr {background-color:#FFFFFF;}}

Code for Media/About Me

Butterfly fantasy

preview

Code for CSS section

table, tr, td { background-color:transparent;}body {background:#000000;background-image:url('http://www.jhocy.com/layouts/butterflylay3.gif');background-attachment:fixed;background-position:center center;background-repeat:no-repeat;}
.commonbox {border-style:solid;border-width:0;border-color:#000000;background-color:transparent;background-image:url('Enter Image URL');background-repeat:repeat;background-attachment:fixed;background-position:top center;}
.commonbox h1, .commonbox h2 {background-color:transparent;}.commonbox .evenrow {background-color:transparent;}.usercontent {color:#66FF66 !important; }.commonbox h1, .commonbox h2 {color:#66FF66 !important; }
 .data, .controlpanel .q {color:#66FF66 !important; }.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active {color:#CCCC00 !important; font-style:normal; }.usercontent a:hover {color:#CCCC00 !important; font-style:normal; }
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {background-color:transparent;border-color:transparent;font-family:arial !important; border-style:solid !important; }
 #controlPanelButtons a:hover {background-color:transparent;border-color:transparent;}.commonbox .dr {background-color:transparent;}}

Code for Media/About Me

Butterfly pink background

preview

Code for CSS section

table, tr, td { background-color:transparent;}body {background:#000000;background-image:url('http://www.jhocy.com/layouts/butterflylay4.gif');background-attachment:fixed;background-position:center center;background-repeat:repeat;}
.commonbox {border-style:solid;border-width:1;border-color:#ff99f2;background-color:FFFFFF;background-image:url('Enter Image URL');background-repeat:repeat;background-attachment:fixed;background-position:top center;}
.commonbox h1, .commonbox h2 {background-color:ffbef7;}.commonbox .evenrow {background-color:#FFFFFF;}.usercontent {font-family:verdana !important; color:#ff99f2 !important; }.commonbox h1, .commonbox h2 {font-family:verdana !important; color:#ffffff !important; }
 .data, .controlpanel .q {font-family:verdana !important; color:#ff99f2 !important; }.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active {font-family:arial !important; color:#CC9999 !important; font-style:normal; }
 .usercontent a:hover {font-family:arial !important; color:#CC9999 !important; font-style:normal; }
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {background-color:transparent;border-color:transparent;font-family:arial !important; border-style:solid !important; }
 #controlPanelButtons a:hover {background-color:transparent;border-color:transparent;}.commonbox .dr {background-color:transparent;}}

Code for Media/About Me

Butterfly cute glitter

preview

Code for CSS section

table, tr, td { background-color:transparent;}body {background:#fbffb3;background-image:url('http://www.jhocy.com/layouts/butterflylay5.gif');background-attachment:fixed;background-position:center center;background-repeat:no-repeat;}
.commonbox {border-style:solid;border-width:0;border-color:#ff99f2;background-color:transparent;background-image:url('Enter Image URL');background-repeat:repeat;background-attachment:fixed;background-position:top center;}
.commonbox h1, .commonbox h2 {background-color:transparent;}.commonbox .evenrow {background-color:transparent;}.usercontent {font-family:verdana !important; color:#282828 !important; }.commonbox h1, .commonbox h2 {font-family:verdana !important; color:#282828 !important; }.data, .controlpanel .q {font-family:verdana !important; color:#282828 !important; }
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active {font-family:arial !important; color:#FF66CC !important; font-style:normal; }.usercontent a:hover {font-family:arial !important; color:#FF66CC !important; font-style:normal; }
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {background-color:transparent;border-color:transparent;font-family:arial !important; border-style:solid !important; }
 #controlPanelButtons a:hover {background-color:transparent;border-color:transparent;}.commonbox .dr {background-color:transparent;}}

Code for Media/About Me

Butterfly love

preview

Code for CSS section

table, tr, td { background-color:transparent;}body {background:#000000;background-image:url('http://www.jhocy.com/layouts/butterflylay6.gif');background-attachment:fixed;background-position:bottom right;background-repeat:no-repeat;}
.commonbox {border-style:solid;border-width:2;border-color:#c499c7;background-color:;background-image:url('Enter Image URL');background-repeat:repeat;background-attachment:fixed;background-position:top center;}
.commonbox h1, .commonbox h2 {background-color:#000000;}.usercontent {color:#000000 !important; }.commonbox h1, .commonbox h2 {color:#c499c7 !important; }.data, .controlpanel .q {color:#000000 !important; }
 .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active {color:#c499c7 !important; font-style:normal; }.usercontent a:hover {color:#c499c7 !important; font-style:normal; }
 #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {background-color:transparent;border-color:transparent;font-family:arial !important; border-style:solid !important; }
 #controlPanelButtons a:hover {background-color:transparent;border-color:transparent;}.commonbox .dr {background-color:transparent;}.controlpanel .imgblock200 {border-color:#c499c7;border-style:solid;}
 .commonbox .imgblock75, .ir {border-color:none;border-style:solid;border-width:0px;background-color:none;}}

Code for Media/About Me

Butterfly Layouts for your Friendster profile

Jump to page: