Muffins 2.0 MySpace Layout

MySpace 2.0 Layouts » Cute MySpace 2.0 Layouts » Muffins 2.0 Layout

You choose the Muffins MySpace 2.0 Layout. Good choice! If you decide you don't like this 2.0 Muffins layout, you can always check out our other MySpace 2.0 Layouts.

Default 2.0 MySpace Layout Code

body { margin:0; background-attachment:fixed; background-color:#000000; background-image:url('http://www.profilelair.com/myspace-2-layouts/cute/muffins/bg.gif'); background-repeat:repeat font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; }
div.wrap{width:800px;}
p{line-height:1.6;}
a,a:hover{text-decoration:none;}
a:link, a:visited { color:#103795; }
a:hover { color:#cc0000; }
div.contentMid { background-color:#fff; }
span.count { color:#db0002; }
div.module { border:1px solid #E5E5E5; }
.noborder { border:none; }

/*HEADINGS*/
h1,h2,h3,h4 { font-weight: bold; }
h3.moduleHead { color: #fff; background-color: #4184D5; }
h4 { font-size: 110%; }

/*NO BORDER FOR CERTAIN MODULES*/
div.musicPlayerModule, div.videoPlayerModule, div.videoSliderModule, div.blogsModule, div.blurbsModule { border: 0px; }

/*GLOBAL TOOLBAR STYLES*/
div.toolbar ul li { border-right: 1px solid #3d3d3d; }
div.toolbar ul li.last, div.toolbar ul li.navLabel { border-right: none; }
span.toolbarCount { font-weight: bold; }

/***********************************/
/* BEGIN MODULE STYLES */
/***********************************/

/*PROFILE NAVIGATION HEADER*/
div.profileHeaderModule div.moduleHeadTop,
div.profileHeaderModule div.moduleHeadMid,
div.profileHeaderModule div.moduleHeadBottom { display:none; }
div.profileHeaderModule { background-color: #FFF; }
div.photo { background-color: #E5E5E5; }
div.profileDemographics { background-color: #D5E7FB; }
div.profileHeaderDetails h2 { font-size: 18px; font-weight:bold; line-height: 1.5em; }
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:#000; }
ul.profileUserAlbum li { background-color: #FFF; border: 1px solid #C7C7C7; }

/*INTERESTS*/
div.interestsModule li { background-color: #D5E7FB; }
div.interestsModule li h4 { color: #2C6DBD; }

/*DETAILS*/
div.detailsModule li { background-color: #D5E7FB; line-height: 0; }
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #2C6DBD; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; }

/*SCHOOLS*/
div.schoolsModule li.moduleItem { background-color: #D5E7FB; }

/*NETWORKING*/
div.networkingModule li.moduleItem { background-color:#D5E7FB; }
div.networkingModule a { font-weight:bold; }

/*COMPANIES*/
div.companiesModule li.moduleItem { background-color:#D5E7FB; }

/*BLOGS*/
div.blogsModule h3 { background-color: transparent; color: #3d3d3d;}
div.blogsModule ul.moduleList { border-top: dotted #3d3d3d 1px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 1px #3d3d3d; }
div.blogsModule ul.moduleList span.date { color: #636363; }

/*BLURBS*/
div.blurbsModule h3 { background-color: #d5e8fb; color: #464646; }
div.blurbsModule h4 { background-color: transparent; color: #36C; }

/*CALENDAR*/
div.calendarModule h3 { background-color: #d5e8fb; color: #464646; }
div.calendarModule ul.moduleList { border-top: dotted 1px #3d3d3d; }
div.calendarModule li.moduleItem { border-bottom: dotted 1px #3d3d3d; }

/*FRIENDS SPACE*/
div.friendSpaceModule h3 { background-color: #F8D49B; color: #464646; }

/*COMMENTS*/
div.commentsModule ul.moduleList li { background-color:#F8D49B; }
div.commentsModule a.profileLink,
div.commentsModule p.datePosted { font-weight:bold; }
div.commentsModule h3 { background-color:#F8D49B; color:#464646; }
div.commentsModule div.userComment { background-color:#FCEACD; }
div.commentsModule p.datePosted { color:#000; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #3d3d3d; }
div.commentsModule ul.moduleList li ul.commentsInfo li.last { border-right: none; }

/***************************************/
/* BEGIN CONTAINER STYLES */
/***************************************/

/* ROUNDED CORNERS */
div[class~="module"] { border:none; }

/*ROUNDED OUTER BORDERS*/
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=Transparent&r=5&w=2000&s=E5E5E5&sw=1); 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; }

/* MUSIC PLAYER - hide border */
div.musicPlayerModule div.moduleTop,
div.musicPlayerModule div.moduleTop div,
div.musicPlayerModule div.moduleMid,
div.musicPlayerModule div.moduleMid1,
div.musicPlayerModule div.moduleBottom,
div.musicPlayerModule div.moduleBottom div { background-image:none; border:0; }

/* VIDEO PLAYER - hide border */
div.videoPlayerModule div.moduleTop,
div.videoPlayerModule div.moduleTop div,
div.videoPlayerModule div.moduleMid,
div.videoPlayerModule div.moduleMid1,
div.videoPlayerModule div.moduleBottom,
div.videoPlayerModule div.moduleBottom div { background-image:none; border:0; }
div.videoPlayerModule div.moduleMid2 { margin: 0; }

/* VIDEO SLIDER - hide border */
div.videoSliderModule div.moduleTop,
div.videoSliderModule div.moduleTop div,
div.videoSliderModule div.moduleMid,
div.videoSliderModule div.moduleMid1,
div.videoSliderModule div.moduleBottom,
div.videoSliderModule div.moduleBottom div { background-image:none; border:0; }
div.videoSliderModule div.moduleMid2 { margin: 0; }
div.musicPlayerModule div.moduleMid2 { margin: 0; }

/* BLOGS - hide border and remove header background color */
div.blogsModule,
div.blogsModule div.moduleTop,
div.blogsModule div.moduleTop div,
div.blogsModule div.moduleMid,
div.blogsModule div.moduleMid1,
div.blogsModule div.moduleBottom,
div.blogsModule div.moduleBottom div { background-image:none; border: 0; }

/*BLURBS - hide border and change header background color */
div.blurbsModule,
div.blurbsModule div.moduleTop,
div.blurbsModule div.moduleTop div,
div.blurbsModule div.moduleMid,
div.blurbsModule div.moduleMid1,
div.blurbsModule div.moduleBottom,
div.blurbsModule div.moduleBottom div { background-image:none; border:0; }

Skinny 2.0 MySpace Layout Code

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/contact-tables-09/rounder.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.profilelair.com/myspace-2-layouts/cute/muffins/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:#28DEFF;}
#topnav ul {border-right:0;}
#topnav ul li {border-left:0;} 
#topnav ul li a:hover {background-color:#7BF618; color:#ffffff;}
div#footer div {color:#000000} 
div.moduleBody a, a:link, a:active, a:visited {color:#7BF618; font-family:century gothic; font-size:10px; letter-spacing:0; text-decoration:none; text-transform:lowercase; font-weight:bold;}
div.profileDemographics {background-image: url('http://www.profilesupport.net/credit/l2credit.gif'); background-repeat: no-repeat; background-position: bottom right;  }
div.moduleBody a:hover, a:hover {color:#28DEFF; 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:#fff; }
div.profileDemographics {background-color:#ffffff; border:0; padding:0;}
div.basicInfoModule div.basicInfoDetails h2 {background:none; color:#000000; 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:#7BF618; 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:#CC00FF; 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:#28DEFF; 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:#28DEFF; font-size:10px; font-family:century gothic; font-weight:bold;}
.commentsModule .odd {background-color:#f3f3f3; color:#000000; text-transform:lowercase; border:0;}
div.commentsModule p.datePosted {background-color:#28DEFF; 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;}

How To Install Your MySpace 2.0 Layout

Copy the code (click inside the textbox then hold "Ctrl" and press "C").
Go back to your Myspace profile and into "Edit Profile", then "Customize".
Inside the "CSS Section" paste the code (hold "Ctrl" and press "V").

MySpace Layouts

MySpace 2.0 Layouts

Free MySpace Layouts

Muffins 2.0 MySpace Layout