Summer Fun Myspace Layout

Tom

body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #32bbe1 url(http://topbun1.com/content/layouts/misc/happy_summer/bg.jpg) no-repeat fixed center;}
p{line-height:1.8;}
a:link, a:active, a:visited {color: #FFFFFF}
a:hover {color: #FFFFFF}

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://profile.myspace.com/rc.ashx?bg=32bbe1&r=6&w=2000&s=ffffff&sw=1); font-size:0px; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; -khtml-opacity:0.85;}
div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div { background-image:none; }
div[class~="moduleTop"] div div { height:5px; border-top: 1px solid #ffffff; margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #ffffff; margin: 0px 5px; }

div[class~="moduleMid2"] { margin: 0 8px; } 
div[class~="moduleMid"] { border-left: solid #ffffff 1px;   filter: alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; -khtml-opacity:0.85;} 
div[class~="moduleMid1"] { border-right: solid #ffffff 1px;   filter: alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; -khtml-opacity:0.85;} 
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 { background-color:transparent } 
div.contentMid { background-color: transparent; } 
div.module { border:0px solid #CCCCCC; color:#FFFFFF; } 
div#header, div#googlebar { background: none; }

#topnav ul { border-right: 0px #32bbe1 solid; }
#topnav ul li { border-left: 0px #32bbe1 solid; }
div#footer { background-color:transparent; padding:0 0 20px 0;} 
div#footer a { color:#FFFFFF}
div#footer div { padding:10px 0; color:#FFFFFF}
h3.moduleHead { font-size: 120%; color:#FFFFFF; background-color: transparent; padding:0.2em }
div.moduleMid2 h3 { background:#32bbe1 bottom left repeat-x; color: #; padding-top:12px; text-transform: uppercase; letter-spacing:-1px; font-size:11px;}
h4 { font-size: 110%; color:#FFFFFF}
div.basicInfoModule div.moduleHeadTop, div.basicInfoModule div.moduleHeadMid, div.basicInfoModule div.moduleHeadBottom { display:none; }
div.basicInfoModule { background-color: transparent; } 
div.photo, div.profileDemographics, div.moduleMid, div.moduleTop div div, div.moduleBottom div div, #topnav { background-color: #32bbe1; }
div.moduleMid2 h3, div.basicInfoDetails h2 {color:#FFFFFF;}
a.url, ul.contactLinks li a, a:hover; {color: #FFFFFF}
div.basicInfoDetails h2 { font-size: 12px; font-weight:bold; line-height: 1.2em;} 
div.profileStatus, div.profileMood, div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }
div.profileFullName { color:#333; font-weight:bold; }
div.profileFullName span { color:#FFFFFF; }
ul.profileUserAlbum li { background-color: #FFFFFF; border: 1px solid #FFFFFF; }
div.musicPlayerModule h3.moduleHead { display: none; }
div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: #32bbe1; }
div.detailsModule li { background-color: #32bbe1; line-height: 0; color:#; }
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #FFFFFF; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; } 
div.networkingModule a { font-weight:bold; }
div.blogsModule ul.moduleList { border-top: solid #ffffff 1px; }
div.blogsModule ul.moduleList li { border-bottom: solid 1px #ffffff; }
div.blogsModule ul.moduleList span.date { color: #FFFFFF; }
div.blurbsModule h4 { background-color: transparent; color: #FFFFFF; }
div.calendarModule ul.moduleList { border-top: solid 0px #ffffff; }
div.calendarModule li.moduleItem { border-bottom: solid 0px #ffffff; }
div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000000; } 
div.commentsModule ul.moduleList li { background-color:#32bbe1; }
div.commentsModule a.profileLink,
div.commentsModule h3 { color: #FFFFFF; }
div.commentsModule div.userComment { background-color:#32bbe1; }
div.commentsModule div.user { background:transparent; background-color:#32bbe1; }
div.commentsModule p.datePosted { font-weight: bold; color: #FFFFFF; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #FFFFFF; }
div.commentsModule ul.moduleList li {background-color:#32bbe1;}
#topnav ul li a:hover {background-color:#CCCCCC; color: #FFFFFF} 
#topnav ul li a.open:hover {background: #CCCCCC none repeat scroll 0 0; color: #FFFFFF}
#subnav * {
color:#000000 !important;  
text-decoration:none !important;
text-transform:none !important;
}   
#subnav ul li a:hover {background: #CCCCCC none repeat scroll 0 0; color: #FFFFFF}

Step 1: Under the "Profile" tab click "Customize Profile"
Step 2: Click on "Appearance" then "Select Theme"
- now click "No Theme" <- very important
Step 3: Click "CSS", paste our code and Publish. That's it!

amused

View My:

32 / male

Last Login: 11/10/2008

Music Player

Details

Status: Single
Here for: Friends
Ethnicity: No Answer
Religion: No Answer
Zodiac Sign: Libra
Children: No Answer
Smoke / Drink: N/A / N/A
Education: No Answer
Income: No Answer

MySpacea place for friends

Tom

Music Player

Details

Latest Blog Entries

Blurbs

About Me

Who I'd like to meet:

Friend Space (Top 3)

Comments