Summertime Myspace 2.0 Layouts

NEXT >>

Code For Layout

First, paste this code in your about me.

Then paste this code into your CSS area found in the Customize Profile section.

.r{}
ul.contactLinks {position:relative; height: 90px; width:150px;}
ul.contactLinks li.message {overflow:hidden; background-image:url('http://i25.photobucket.com/albums/c97/wrapurarmsaroundme/NEW NEW/ORANGEBUTTONS2CT.png');height:90px; width:150px; position:absolute; top:0px; left:0px; }
ul.contactLinks li.addToFriends {overflow:hidden; height:30px; width:150px;position:absolute; top:29px; left:0px;}
ul.contactLinks li.comment {overflow:hidden; height:30px; width:150px;position:absolute; top:60px; left:0px;}
ul.contactLinks li a {display:block; background-image:none; padding-left:1313px; width:150px; height:30px;}

.r{}
div.wrap {width:800px;background-image:url('http://i25.photobucket.com/albums/c97/wrapurarmsaroundme/NEW NEW/SUMMERGRADIENTBG.png');background-attachment:fixed;background-position:bottom center;background-repeat:repeat;background-color:transparent;border-top:0px solid#8ac875; border-bottom:0px solid #370214; border-right:0px solid#5a1e06; border-left:0px solid #ffffff; }

.r{}
body{background-image:url('http://i25.photobucket.com/albums/c97/wrapurarmsaroundme/NEW NEW/SUMMERGRADIENTBG.png');background-attachment:fixed; background-position:bottom center;background-repeat:repeat; background-color:#ffffff;}

.r{}
div#header, div#googlebar, #topnav  {background-color:transparent;text-transform:lowercase;  }
 #topnav ul { font-family:century gothic, text-transform:lowercase; font-size:8px; font-weight: bold; border-right: 0px #5a1e06solid;}
 #topnav ul li { font-family:VERDANA; text-transform:lowercase; font-size:9px;font-weight: NORMAL; border-left: 0px #5a1e06 solid; } 
 #topnav ul li a:hover {background-color:#5a1e06; color:#ffffff; text-transform:lowercase; }
#topnav ul a:hover {background-color:#5a1e06; color:#ffffff;} 
#topnav ul li.dropDown:hover a, #topnav ul li.hover a, #topnav ul li.hover a:hover {background-color:#5a1e06; color:#ffffff;}
#topnav li.dropDown:hover ul.subMenu a:hover, #topnav li.hover ul.subMenu a:hover {background:#5a1e06; none repeat scroll 0; 0;color:#ffffff;}
#topnav ul.subMenu {border-color:-moz-use-text-color #ffffff #ffffff;}

.r{}
div.contentTop {background-image:url("http://i25.photobucket.com/albums/c97/wrapurarmsaroundme/NEW NEW/summerbanner.png"); height:255px; background-position: top center;background-repeat:no-repeat; border-top:0px solid#ffffff; border-bottom:0px solid #ec9761 ; border-right:0px solid#ffffff; border-left:0px solid #ec9761 ;}

.r{}
div.content{background-image:url('');background-attachment:fixed;background-position:top center;background-repeat:repeat;background-color:transparent; color:#393a3f; font-size:12px; font-family:VERDANA;font-weight:normal; text-transform:lowercase; border:0px solid#000000; }

.r{}
div.moduleBody{background-image:url('');background-attachment:fixed;background-position:top right;background-repeat:repeat;background-color:#914a2e; color:#ffffff; font-size:9px;font-weight:NORMAL;font-family:VERDANA; font-size:9px;text-transform: LETTER-SPACING: 0PX; lowercase;filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; -khtml-opacity:1.00; }

.r{}
div.module {background-image:url('');background-attachment:scroll;background-position:top right;background-repeat:repeat;background-color:#000000; border:1px solid #6e2409;padding:1px;filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; -khtml-opacity:1.00;}

.r{}
div.profileDemographics {background-image: url('');background-position: center center; color:#FFFFFF; FONT-FAMILY: VERDANA; FONT-SIZE: 8PX; FONT-WEIGHT: NORMAL; TEXT-TRANSFORM: UPPERCASE; letter-spacing:0px; border:0px solid#000000; padding:5px; text-align:left;}

.r{}
div.basicInfoModule div.basicInfoDetails h2 {background-image: url(none);background-position: top right;background-repeat:no-repeat; background-color:#none; color:#e2a48b;  border-bottom:0px solid #a15a3e;font-family:TIMES NEW ROMAN; font-size:25px; letter-spacing:0px; text-decoration:none;text-transform:capitalize; font-weight:normal; text-align:center; padding-left:2px; display: block; line-height:30px; }

.r{}
div.blurbsModule h3{display:none;}
div.blurbLikeToMeet h4 {display:none;}

.r{}
h3.moduleHead{background-image: url();background-position: top center; background-color: #be785b; color:#FFFFFF;  border-bottom:1px solid #5a1d05; font-size: 12px; font-family:GEORGIA;; letter-spacing:-0px; text-transform:lowercase; font-weight:bold; padding-left:2px; line-height:13px;display:block;text-decoration:none; text-align:center; }

.r{}
h4 {background-image: url('');background-position: top center; background-color:#6a2307; color:#b87155; border-bottom:0px solid #000000;  font-family:VERDANA; font-size:15px; text-transform:UPPERCASE; text-decoration:NONE; font-weight:NORMAL; text-align:CENTER; letter-spacing:0PX;  display:block; padding-LEFT:5px; line-height:15px;padding:0px; }

.r{}
div.blurbAboutMe h4{background-image: url();background-position: top center;background-repeat:no-repeat; background-color:#be785b; color:#ffffff;  border-bottom:1px solid #5a1d05; font-size: 12px; font-family:GEORGIA;letter-spacing:1px; text-transform:lowercase; font-weight:bold; text-align:center; padding-left:2px; line-height:15px;display:block;text-decoration:none;}

.r{}
div.detailsModule li strong{background-image: url('');background-position: center center; background-repeat:no-repeat;background-color:#6a2307; color:#ffffff; border-bottom:0px solid #ffffff; font-family:VERDANA; font-size:8px;text-transform:UPPERCASE;text-decoration:none;font-weight:NORMAL; text-align:LEFT; letter-spacing: 0PX; display:block; float:left; width: 70px; line-height:12px;margin-right:10px; padding-left:2px;}

.r{}
div.moduleBody a, a:link{color:#ffffff; font-family:VERDANA; font-size:9px;letter-spacing: 0PX; text-decoration:none;text-transform:lowercase; font-weight:NORMAL;}

.r{}
div.moduleBody a:hover{color:#6a2307;font-family:VERDANA; font-size:10px;letter-spacing: 0px; text-decoration:none; text-transform:uppercase;font-weight:NORMAL;}

.r{}
strong, b, span.count {color:#ffffff; font-size:10px;font-family:VERDANA; font-weight:bold;letter-spacing:1px;}

.r{}
div.commentsModule p.datePosted{background-image: url('');background-position: center center; background-color:#6a2307; color:#d28b6f; border-bottom:0px solid #FFFFFF; FONT-FAMILY: century gothic; font-weight: bold; letter-spacing: 1px;  text-transform:UPPERCASE;  font-size:9px; line-height:10px; text-align:center;}

.r{}
div.commentsModule h3 {background-image: url();background-position:top right;background-repeat:no-repeat; background-FONT-FAMILY: GEORGIA; LETTER-SPACING; 1PX; FONT-SIZE: 12PX; color:#6a2307; color:#ffffff;   border-bottom:1px solid #5a1d05; text-transform:LOWERCASE; text-align:center; }

.r{}
div.commentsModule div.moduleBody div.userComment{background-image: url('http://i25.photobucket.com/albums/c97/wrapurarmsaroundme/NEW NEW/summercommentbg.png');background-position: center center; background-color:#a0593d; color:#ffffff; border-bottom:1px solid #5a1e06; text-transform:lowercase; }

.r{}
div.commentsModule ul.moduleList li.odd div.user {float:right;}
div.commentsModule ul.moduleList li.odd div.userComment {margin-left:0px; margin-right: 25%;}

.r{}
div.blogsModule ul.moduleList li.clearfix span.date {display:none;} .wblcom_topleft { position: absolute; top: 0px; left: 0px; }

Preview

View Live Preview

View Large Image

Rate This Layout

Layout Stats

Current Rating:

Views:

4423

Category:

Flowers

Date Added:

Apr 23, 2009

Description:

simple, clean background

USER COMMENTS