How to Make A Fairy Theme Theme

Aug 15, '07 12:30 PM by Henry for everyone

Credits:
Theme Concept: Henry R (henrysthemes.multiply.com)
Background Photography: Vik A (vpaquino.multiply.com)
Background Model: Charms E (ch4rm5.multiply.com)
Graphic Design: Gris S. (grissomm.multiply.com)


Here's how to install the theme:

1. Select the "Melon" theme from the Multiply theme selection page for your personal page. You can select that by clicking on this link:
http://multiply.com/setup/pages/themes/melon
2. Copy and paste the CSS code listed below to the Custom CSS page on your setting page. The link for the Custom CSS page is this one: http://multiply.com/setup/pages/upload-css

Note: A bit of advice, my dear customizers, back up your old css code, just in case something fouls up. :) Hopefully none will. Mabuhay ang Pilipinas! Just had to say that, hehehe. ENJOY!

Css code:

/*How to Make a Fairy Theme - Design By: henrysthemes */
/*File Date: August 16, 2007*/
/*Based melon Theme*/

div#mainbox_1 .itembox, div#mainbox_2 .itembox, div#mainbox_3 .itembox, div#mainbox_4 .itembox, div#mainbox_5 .itembox, div#mainbox_6 .itembox, div#mainbox_7 .itembox, div#mainbox_8 .itembox, div#mainbox_9 .itembox, div#mainbox_10 .itembox, div#mainbox_11 .itembox {
-moz-opacity:0.70;
filter:alpha(opacity=70);
opacity:0.70;
-khtml-opacity:0.70;
}
body {
background: url(http://i192.photobucket.com/albums/z214/henrysthemes/fairy-2.jpg) fixed;
background-color: none;
}

a, a:visited, a:link { color: #ffffff; }
div.bodywrap {
width: 778px;
margin: 0 auto;
background: none ;
}

div.owner_nav {
width: 734px;
margin: 0 auto;
padding: 0;
background: url(http://i192.photobucket.com/albums/z214/henrysthemes/fair-3.png);
}
div#subnavc {
background-color: #454;
text-decoration: underline overline;
background: none;
margin-right: 188px;
width: auto;
border-top: 0px solid #7c684b;
border-bottom: 0px solid #7c684b;
}
div#subnav {
padding: 2px 0 8px 5px;
height: auto;
background: none;
background-color: transparent;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
font-size: 15px;
color: #ffff00;
text-decoration: underline overline;
font-weight: normal;
}
li.gnoptsel {
border-color: #abd;
border-color: #ccc;
}
h1#page_owner_title {
padding: 20px;
padding-top: 45px;
height: 100px;
background-color: #ddd;
background-color: #ecf2f9;
background-color: #456;
background-color: #414141;
background-color: transparent;
color: #fff;
background-color: #456;
border: none;
background: none;
font-size: 14px;
font-family: georgia;
font-color: #ffffff;
}


a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
background-color: none;
font-size: 14px;
font-family: georgia;
color: #ffff00;
text-decoration: underline overline;
padding: 2px 5px 2px 5px;
width: auto;
font-weight: normal;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
background-color: none;
font-family: georgia;
font-size: 14px;
color: #ffffff;
text-decoration: underline overline;
padding: 2px 5px 2px 5px;
width: auto;
font-weight: bold;
}
div.rail, td.rail {width: 180px; }
.railsep {
background: none;
}
.railstart {
display: none;
}
.railbody {
width: auto;
background-color: none;
border: none;
width: 159px;
}
.railend {
width: auto;
height: 8px;
background: none;
border: none;
}

div#page_start {
width: 734px;
margin: 0 auto;
}
td#maincontent { padding: 15px; margin: 0 }
table.indextitle {display: none}

table.globalnav {
border: none;
background: transparent;
) repeat-y top left;
background-color: none;
border-top: 0px solid #371e0c;
border-bottom: 0px solid #371e0c;
margin: 0 auto;
width: 734px;
}


div#ownedfooterc {
width: 734px;
margin: 0 auto;
}
div#ownedfooter a {
color: #ffffff;
}
div#ownedfooter {
padding: 5px;
margin: 0;
border: none;
color: none;
background: transparent no-repeat top;
text-align: right;
}
.litemactions a, .litemactions a:visited, .litemactions a:link { border: none; background-color: transparent; margin-top: 1px }
div.ritemactions a, div.ritemactions a:visited, div.ritemactions a:link { border: none; background-color: transparent; margin-top: 1px }


.navinput {
color: #ffffff;
border: 0px solid #0e4428;
}
.header .globalnav ul.gnopt a { color: white; }
/* .header .globalnav ul.gnopt div.gndd a { color: white; } */

div.gndd {
background-color: #fff;
background-color: #497d57;
border: 1px solid #0e4428;
}
div.ddsep { background-color: #0e4428; }
div.gndd a {
border: 1px solid #fff;
border: 1px solid #497d57;
}
div.gndd a:hover {
background-color: #497d57;
}



.rolloverfordnd {
color: #aee700;
background-image: none;
background-color: #aee700;
font-weight: normal;
font-family: georgia;
font-size: 14px;
border: 1px solid #ccc;
border-bottom: none;
/* border: none; */
padding-left: 3px;
max-width: 520px;
}



.itemboxsub {
color: #ffffff;
background-color: #000000;
font-weight: normal;
font-family: georgia;
font-size: 14px;
border: 1px solid #ffff00;
border-bottom: none;
text-decoration: underline overline;
/* border: none; */
padding-left: 5px;
max-width: 520px;
}
.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-align: right;
color: #414141;
}
.itemshadow {
max-width: 527px;
}
.itemstamp {
float: right;
font-size: 10px;
font-family: georgia;
font-weight: normal;
margin: -5px 0 5px 0;
color: #414141;
}
.itembox {
border: 1px solid #ccc;
border-top: none;
background-color: none;

background-color: none;


padding: 10px;
padding-top: 5px;
margin: 0px;

overflow: visible;

}
.itemactionspacer {
height: 30px;
}
.itemboxalbum {
border: 1px solid #ccc;
border-top: none;
padding: 10px;
text-align: center;
background-color: #414141;
}

a.mine, a:link.mine, a:visited.mine {
font-size: 10px;
font-family: verdana;
font-weight: normal;
font-color: #ffffff;
padding: 0 2px 0 2px;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
font-size: 10px;
font-color: #414141;
font-family: verdana;
font-weight: normal;
padding: 0 2px 0 2px;
}

.caldiv1 { background-color: #ccc; }
.caldiv1 td { font-size: 10px; font-color: #414141; }
.caldate { font-size: 13px; font-weight: bold;}
.cald { float:right; text-align: center; background-color: none; padding: 0px 4px 0px 4px; margin: -3px -3px 3px 3px; border: 1px solid #ccc; width: 20px}
.calevent { margin: 0px 0px 8px 0px; }
.caldiv1 td:hover { background-color: none; }
.caldiv1 th {
background-color: #bbb;
color: #000;
font-size: 10px;
font-weight: normal;
font-family: verdana;
font-color: #414141;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: white; }
div.header {
background: none;
}
div.guidebox {
background: none;
background-color: none;
border: 1px solid #ccc;
}
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link {
color: none;
}
div.header table.globalnav h3 { color: #000000; }
.header .globalnav a.select { color: #000000; }