Bunny Happy Easter Easter Layouts 2.0 Layout

Home > Myspace 2.0 Layouts
Instructions for installing 2.0 Layout theme:
1. Go to Profile > Edit Profile > Paste the code from Box 1 > Save
2. Go to Profile > Customize Profile
3. Under Select Theme > Select No Theme
4. Click on CSS > Paste the code from Box 2 > Publish
Click here for more detailed instructions

TIP: The most common problem when the layout does not look right is forgetting to select "no theme".

Code for Bunny Happy Easter 2.0 Myspace Layout

Code is below. Click on the thumb to see a live preview.

Live Preview
Box 1 (Profile > About Me +click+)

Box 2 (Customize > CSS +click+)

body {background-image:url(bg.jpg);
background-attachment:fixed; background-position:top left; background-repeat:repeat; background-color:99CC99;}
 div#header, div#googlebar, div#gblheader, #topnav, div#gbltopnav {
filter: none;
background: none;background-color:#676499;}
 #topnav ul {border-right: 1px #B45076 solid;}
 #topnav ul li {border-left: 1px #B45076 solid;} 
 #topnav ul li a:hover {background-color:#99CC99; color:#B45076;}
 div.moduleBody {background-color:transparent; color:#B45076; font-size:10px; font-family:arial; font-size:10px;font-weight:bold;}
 div.module {background-color:#99CC99; border:0px solid #B45076; padding:5;}
div.profileDemographics {background-color:transparent; background-image: url('http://www.dazzlejunction.com/lyt-img/black.png');background-repeat: no-repeat; background-position: bottom right;}
 div.basicInfoModule div.basicInfoDetails h2 {background-color:#99CC99; font-family:arial; color:#B45076;  font-weight:bold; border:0; padding-left:2px; display: block; letter-spacing:0;}

h3.moduleHead {background-color:#676499; font-family:Arial; font-size:14px; letter-spacing:0; color:#99CC99;  font-weight:bold; text-align:left; padding-left:3px; border-bottom:0px solid #B45076; display:block; line-height:9px;}

h4 {background-color:#B45076; color:#99CC99; font-family:Arial; font-size:10px; letter-spacing:0;  border:0px solid #676499; font-weight:bold; display:block; padding-left:4px; line-height: 12px;}

div.contentTop {
height: 250px;
background-repeat: no-repeat;
background-position: top center;
background-image:url(http://www.dazzlejunction.com/layoutsV2/Easter-Layouts/bunny-happy-easter/banner.jpg);
}

div.detailsModule li strong {background-color:#676499; color:#99CC99; font-family:Arial; font-size:10px; letter-spacing:0; text-transform: lowercase; border:0px solid #B45076; font-weight:bold; display:block; float:left; width: 80px; line-height: 12px; margin-right:10px; padding-left:2px;}

div.moduleBody a, a:link, a:active, a:visited {color:#676499; font-family:Arial; font-size:10px; letter-spacing:0; text-decoration:none;  font-weight:bold;}

div.moduleBody a:hover, a:hover {color:#B45076; font-family:Arial; font-size:10px; letter-spacing:0; text-decoration:none;  font-weight:bold;}

.moduleList .even, .moduleList .even {background-color:#99CC99; color:#B45076;  border:0;}

strong, b, div.commentsModule p.datePosted, span.count {color:#B45076; font-size:10px; font-family:Arial; font-weight:bold;}
 ul.profileUserAlbum li {background-color:#676499; padding:2px; border:0;}
div.wrap {background-image:url(http://www.dazzlejunction.com/layoutsV2/Easter-Layouts/bunny-happy-easter/wrap.jpg);
background-attachment:fixed; background-position:top left; background-repeat:repeat; border:3px solid #B45076; width:750px;} 
body{background-image: url(http://www.dazzlejunction.com/layoutsV2/Easter-Layouts/bunny-happy-easter/bg.jpg)}

Copy and Paste Instructions:
Slide your mouse over the textarea.
Once the code is highlighted,
Ctrl-C to copy the code and Ctrl-V to paste the code.

Go Back - Easter Layouts 2.0 Myspace Layouts - Myspace 2.0 Layouts