MySpace 2.0 Layouts » Animated 2.0 Layouts » Heart Clouds 2.0 Layout

Heart Clouds MySpace Layout

You choose the Heart Clouds 2.0 MySpace Layout. Good choice! If you decide you don't like this 2.0 Heart Clouds layout, you should check out all of our other 2.0 MySpace Layouts. Below is the background and code to install the Heart Clouds layout.

div[class~="module"] { border:none; }
div[class~="moduleTop"],
div[class~="moduleTop"] div,
div[class~="moduleBottom"],
div[class~="moduleBottom"] div { background-color: transparent; background-image: url(http://www.profilesupport.net/new-myspace-layouts/corners-1.png); font-size:0px; }
div[class~="moduleTop"] div div,
div[class~="moduleBottom"] div div { background-image:none; }
div[class~="moduleTop"] div div { height:5px; border-top: 1px solid #E5E5E5; margin: 0px 5px; }
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #E5E5E5; margin: 0 5px; }
div[class~="moduleMid2"] { margin: 0 5px; }
div[class~="moduleMid"] { border-left: solid #E5E5E5 1px; }
div[class~="moduleMid1"] { border-right: solid #E5E5E5 1px; }
div.moduleTop { background-position: top left; }
div.moduleTop div { background-position: top right; }
div.moduleBottom { background-position: bottom left; }
div.moduleBottom div { background-position: bottom right; }
div.wrap {width:800px;}
div#header, div#googlebar { background: transparent }
div#googlebar, div.wrap {background-color: transparent;}
body {background-image:url(http://www.20layouts.net/layouts/animated/heart-clouds/bg.gif); background-attachment:fixed; background-position:top left; background-repeat:repeat; background-color:#FFFFFF;}
div#header, div#googlebar {background-color:transparent;}
#topnav {background-color:#86ca0d;}
#topnav ul {border-right:0;}
#topnav ul li {border-left:0;} 
#topnav ul li a:hover {background-color:#86ca0d; color:#ffffff;}
div#footer div {color:#ffffff} 
div.moduleBody a, a:link, a:active, a:visited {color:#14bdbe; font-family:century gothic; font-size:10px; letter-spacing:0; text-decoration:none; text-transform:lowercase; font-weight:bold;}
div.moduleBody a:hover, a:hover {color:#ff4991; font-family:century gothic; font-size:10px; letter-spacing:0; text-decoration:none; text-transform:lowercase; font-weight:bold;}
div.moduleBody {background-color: #ffffff; color:#000000; font-size:10px; font-family:century gothic; font-size:10px; text-transform:lowercase;}
div.moduleMid, div.moduleTop div div, div.moduleBottom div div { background-color:#ffffff; }
div.profileDemographics {background-color:#FFFFFF; border:0; padding:0;}
div.basicInfoModule div.basicInfoDetails h2 {background:none; color:#14bdbe; font-family:century gothic; font-size:21px; text-transform:lowercase; font-weight:normal; border:0; padding-left:0px; display: block; letter-spacing:-2px; text-align:left;}
h3.moduleHead {background-color:#14bdbe; color:#ffffff; font-family:century gothic; font-size:10px; letter-spacing:0; text-transform:uppercase; font-weight:bold; text-align:left; padding-left:2px; border:0; line-height:8px; display:block;}
h4 {background-color:#ff4991; color:#FFFFFF; font-family:century gothic; font-size:10px; letter-spacing:0; text-transform:lowercase; border:0; font-weight:bold; display:block; padding-left:2px; line-height:10px; padding:1px;}
div.detailsModule li strong {background-color:#ff4991; color:#FFFFFF; font-family:century gothic; font-size:10px; letter-spacing:0; text-transform:lowercase; border:0; font-weight:bold; display:block; float:left; width: 80px; line-height:12px; margin-right:10px; padding-left:2px;}
strong, b, span.count {color:#ff9409; font-size:10px; font-family:century gothic; font-weight:bold;}
.commentsModule .odd {background-color:#f9f9f9; color:#000000; text-transform:lowercase; border:0;}
div.commentsModule p.datePosted {background-color:#ff9409; color:#FFFFFF;; font-size:8px; font-family:small fonts; font-weight:normal; text-transform:uppercase; float:left; width:85px; line-height:10px; margin-right:10px; padding-left:2px;}

Myspace Install Instructions

Click on "Customize Profile" (under Profile in the menu).
In the customize section click "Select Theme" and select "No Theme".
Click on the "{} CSS" tab and copy and paste the code below into the box.
You must click "preview" and then "publish" for the changes to take effect!