babble Profile 2.0 MySpace Layout Code

babble myspace layout

TONS OF STYLES AVAILABLE BELOW! CHECK IT OUT!

COPY AND PASTE THE CODE YOU CHOOSE INTO THE "CSS {}" SECTION.
CLICK HERE TO CUSTOMIZE YOUR PROFILE 2.0 ON MYSPACE.

Use this layout code if you prefer COLORED sections on your profile.

/*LAYOUT CODE DESIGNED BY BLINGCHEESE.COM*/
body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #fe408e url(http://i153.photobucket.com/albums/s235/revmyspace2/profile20/myspace/New/babble_fe408e.gif) repeat fixed bottom left;} 
p{line-height:1.8;}
a:link, a:active, a:visited {color: #000000}
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=fe408e&r=6&w=2000&s=222222&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 #222222; margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #222222; margin: 0 5px; }

div[class~="moduleMid2"] { margin: 0 8px; } 
div[class~="moduleMid"] { border-left: solid #222222 1px; } 
div[class~="moduleMid1"] { border-right: solid #222222 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 { background-color:transparent } 
div.contentMid { background-color: transparent; } 
div.module { border:0px solid #E5E5E5; color:#FFFFFF; }  
div#header, div#googlebar { background: none; }

#topnav ul { border-right: 0px #000000 solid; }  
#topnav ul li { border-left: 0px #000000 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:#000000 bottom left repeat-x; color: #; padding-top:5px; padding-bottom:5px; text-transform: none; letter-spacing:-1px; font-size:17px;} 
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 { background-color: #fe408e; } 
#topnav { background-color: transparent; }
div.moduleMid2 h3, div.basicInfoDetails h2 {color:#FFFFFF;} 
a.url, ul.contactLinks li a, a:hover; {color: #FFFFFF} 
div.basicInfoDetails h2 { font-size: 24px; 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:#000; }
ul.profileUserAlbum li { background-color: #FFF; border: 1px solid #C7C7C7; }
div.musicPlayerModule h3.moduleHead { display: none; }
div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: #fe408e; }
div.detailsModule li { background-color: #fe408e; line-height: 0; color:#FFFFFF; } 
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: dotted #FFFFFF 0px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 0px #FFFFFF; }
div.blogsModule ul.moduleList span.date { color: #ffffff; } 
div.blurbsModule h4 { background-color: transparent; color: #FFFFFF; } 
div.calendarModule ul.moduleList { border-top: dotted 0px #3d3d3d; }
div.calendarModule li.moduleItem { border-bottom: dotted 0px #3d3d3d; }
div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000; } 
div.commentsModule ul.moduleList li { background-color:#fe408e; } 
div.commentsModule a.profileLink,
div.commentsModule h3 { color: #FFFFFF; } 
div.commentsModule div.userComment { background-color:#fe408e; } 
div.commentsModule div.user { background:transparent; background-color:#fe408e; } 
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 #3d3d3d; } 
div.commentsModule ul.moduleList li {background-color:#fe408e;} 
#topnav ul li a:hover {background-color:#FFFFFF; color: #000000}  
#topnav ul li a.open:hover {background: #FFFFFF none repeat scroll 0 0; color: #000000}   
#subnav * {
color:#000000 !important;  
text-decoration:none !important;
text-transform:none !important;
}   
#subnav ul li a:hover {background: #FFFFFF none repeat scroll 0 0; color: #000000}

div.content {background-color: #transparent;
background-image: url('http://i153.photobucket.com/albums/s235/revmyspace2/main/bling-profile20-corner-wide.gif');
background-repeat: no-repeat;
background-position: top right;}

.linkback_topleft { position: absolute; top: 0px; left: 0px; }
.linkback_topright { position: absolute; top: 0px; right: 0px; }

/*BEGIN_ABOUT_CONTENT
<a target="_blank" href="http://www.blingcheese.com/">**click here for myspace profile 2.0 layouts**</a>
<div class="linkback_topleft"><a target="_blank" href="http://www.blingcheese.com/"><img src="http://i153.photobucket.com/albums/s235/revmyspace2/main/bling-corner.gif" border="0" alt="PROFILE 2.0 LAYOUTS HERE!" title="PROFILE 2.0 LAYOUTS HERE!"></a></div>
<div class="linkback_topright"><a target="_blank" href="http://www.blingcheese.com/"><b><font face="Tahoma">PROFILE 2.0 LAYOUTS HERE!</font></b></a></div>
END_ABOUT_CONTENT*/

/*LAYOUT CODE DESIGNED BY BLINGCHEESE.COM*/

Use this layout code if you prefer BLACK sections on your profile.

/*LAYOUT CODE DESIGNED BY BLINGCHEESE.COM*/
body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #000000 url(http://i153.photobucket.com/albums/s235/revmyspace2/profile20/myspace/New/babble_fe408e.gif) repeat fixed bottom left;} 
p{line-height:1.8;}
a:link, a:active, a:visited {color: #fe408e}
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=000000&r=6&w=2000&s=fe408e&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 #fe408e; margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #fe408e; margin: 0 5px; }

div[class~="moduleMid2"] { margin: 0 8px; } 
div[class~="moduleMid"] { border-left: solid #fe408e 1px; } 
div[class~="moduleMid1"] { border-right: solid #fe408e 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 { background-color:transparent } 
div.contentMid { background-color: transparent; } 
div.module { border:0px solid #E5E5E5; color:#FFFFFF; }  
div#header, div#googlebar { background: none; }

#topnav ul { border-right: 0px #000000 solid; }  
#topnav ul li { border-left: 0px #000000 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:#fe408e bottom left repeat-x; color: #; padding-top:5px; padding-bottom:5px; text-transform: none; letter-spacing:-1px; font-size:17px;} 
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 { background-color: #000000; } 
#topnav { background-color: transparent; }
div.moduleMid2 h3, div.basicInfoDetails h2 {color:#FFFFFF;} 
a.url, ul.contactLinks li a, a:hover; {color: #FFFFFF} 
div.basicInfoDetails h2 { font-size: 24px; 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:#000; }
ul.profileUserAlbum li { background-color: #FFF; border: 1px solid #C7C7C7; }
div.musicPlayerModule h3.moduleHead { display: none; }
div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: #000000; }
div.detailsModule li { background-color: #000000; line-height: 0; color:#FFFFFF; } 
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: dotted #FFFFFF 0px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 0px #FFFFFF; }
div.blogsModule ul.moduleList span.date { color: #ffffff; } 
div.blurbsModule h4 { background-color: transparent; color: #FFFFFF; } 
div.calendarModule ul.moduleList { border-top: dotted 0px #3d3d3d; }
div.calendarModule li.moduleItem { border-bottom: dotted 0px #3d3d3d; }
div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000; } 
div.commentsModule ul.moduleList li { background-color:#000000; } 
div.commentsModule a.profileLink,
div.commentsModule h3 { color: #FFFFFF; } 
div.commentsModule div.userComment { background-color:#000000; } 
div.commentsModule div.user { background:transparent; background-color:#000000; } 
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 #3d3d3d; } 
div.commentsModule ul.moduleList li {background-color:#000000;} 
#topnav ul li a:hover {background-color:#FFFFFF; color: #fe408e}  
#topnav ul li a.open:hover {background: #FFFFFF none repeat scroll 0 0; color: #fe408e}   
#subnav * {
color:#fe408e !important;  
text-decoration:none !important;
text-transform:none !important;
}   
#subnav ul li a:hover {background: #FFFFFF none repeat scroll 0 0; color: #fe408e}

.linkback_topleft { position: absolute; top: 0px; left: 0px; }
.linkback_topright { position: absolute; top: 0px; right: 0px; }

/*LAYOUT CODE DESIGNED BY BLINGCHEESE.COM*/

Use this layout code if you prefer WHITE sections on your profile.

/*LAYOUT CODE DESIGNED BY BLINGCHEESE.COM*/
body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #FFFFFF url(http://i153.photobucket.com/albums/s235/revmyspace2/profile20/myspace/New/babble_fe408e.gif) repeat fixed bottom left;} 
p{line-height:1.8;}
a:link, a:active, a:visited {color: #fe408e}
a:hover {color: #000000 }

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=FFFFFF&r=6&w=2000&s=fe408e&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 #fe408e; margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #fe408e; margin: 0 5px; }

div.wrap { background-color:transparent } 
div.contentMid { background-color: transparent; } 
div.module { border:0px solid #E5E5E5; color:#000000; }  
div#header, div#googlebar { background: none; }

#topnav ul { border-right: 0px #FFFFFF solid; }  
#topnav ul li { border-left: 0px #FFFFFF solid; }  
div#footer { background-color:transparent; padding:0 0 20px 0;} 
div#footer a { color:#000000} 
div#footer div { padding:10px 0; color:#000000} 
h3.moduleHead { font-size: 120%; color:#000000; background-color: transparent; padding:0.2em }   
div.moduleMid2 h3 { background:#fe408e bottom left repeat-x; color: #; padding-top:5px; padding-bottom:5px; text-transform: none; letter-spacing:-1px; font-size:17px;} 
h4 { font-size: 110%; color:#000000} 
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 { background-color: #FFFFFF; } 
#topnav { background-color: transparent; }
div.moduleMid2 h3, div.basicInfoDetails h2 {color:#000000;} 
a.url, ul.contactLinks li a, a:hover; {color: #000000} 
div.basicInfoDetails h2 { font-size: 24px; 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:#000; }
ul.profileUserAlbum li { background-color: #FFF; border: 1px solid #C7C7C7; }
div.musicPlayerModule h3.moduleHead { display: none; }
div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: #FFFFFF; }
div.detailsModule li { background-color: #FFFFFF; line-height: 0; color:#000000; } 
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #000000; }
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: dotted #000000 0px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 0px #000000; }
div.blogsModule ul.moduleList span.date { color: #000000; } 
div.blurbsModule h4 { background-color: transparent; color: #000000; } 
div.calendarModule ul.moduleList { border-top: dotted 0px #3d3d3d; }
div.calendarModule li.moduleItem { border-bottom: dotted 0px #3d3d3d; }
div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000; } 
div.commentsModule ul.moduleList li { background-color:#FFFFFF; } 
div.commentsModule a.profileLink,
div.commentsModule h3 { color: #000000; } 
div.commentsModule div.userComment { background-color:#FFFFFF; } 
div.commentsModule div.user { background:transparent; background-color:#FFFFFF; } 
div.commentsModule p.datePosted { font-weight: bold; color: #000000; }
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 {background-color:#FFFFFF;} 
#topnav ul li a:hover {background-color:#000000; color: #fe408e}  
#topnav ul li a.open:hover {background: #000000 none repeat scroll 0 0; color: #fe408e}   
#subnav * {
color:#fe408e !important;  
text-decoration:none !important;
text-transform:none !important;
}   
#subnav ul li a:hover {background: #000000 none repeat scroll 0 0; color: #fe408e}

.linkback_topleft { position: absolute; top: 0px; left: 0px; }
.linkback_topright { position: absolute; top: 0px; right: 0px; }

/*LAYOUT CODE DESIGNED BY BLINGCHEESE.COM*/

Use this layout code if you prefer DEFAULT sections on your profile.

/*LAYOUT CODE DESIGNED BY BLINGCHEESE.COM*/
div #header, div #googlebar, div #topnav, div.wrap {background-color: transparent;}

#topnav ul, #topnav ul li {border: 0px;}

body, div, p, h3, h1, h2, h4 {font-family: verdana, helvetica, arial, sans-serif;
font-size: 10px;}

span, #topnav a {color: #000000;}

a, a:link, a:active, a:visited, div.blurbsModule h4, span.count {color: #fe408e;}

div.photo, div.profileDemographics, div.detailsModule li, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem, div.companiesModule li.moduleItem, div.commentsModule h3, div.commentsModule div.userComment, div.blurbsModule h3 {background-color: #ffffff;}

div.content {background-color: #ffffff;
border: 5px solid;
border-color: 000000;
background-image: url('http://i352.photobucket.com/albums/r357/layoutjelly/main/jelly20-corner.gif');
background-repeat: no-repeat;
background-position: top right;}

h3.moduleHead {border: 1px solid;
border-color: #fe408e;
background-color: #fe408e;
color: #FFFFFF;
text-align: center;
padding: 0px;
margin: 0px;
font-size: 11px;
font-weight: bold;}

div.detailsModule li strong, div.friendSpaceModule h3, div.calendarModule h3, div.blurbsModule h3, div.blogsModule h3, div.commentsModule h3 {border: 1px solid;
border-color: #fe408e;
background-color: #fe408e;
color: #ffffff;
text-align: center;
padding: 0px;
margin: 0px;
font-size: 11px;
font-weight: bold;}

h2 {border-bottom: 3px solid;
border-color: #fe408e;
text-align: left;}

div.commentsModule ul.moduleList li {background-color: #fff58a;}

div.moduleTop, div.moduleTop div, div.moduleBottom, div.moduleBottom div {background: none;}

div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div, div[class~="moduleMid"], div[class~="moduleMid1"] {border: 0px;}

body {background-image: url('http://i153.photobucket.com/albums/s235/revmyspace2/profile20/myspace/New/babble_fe408e.gif');}
div.content {background-color: #transparent;
background-image: url('http://i153.photobucket.com/albums/s235/revmyspace2/main/bling-profile20-corner.gif');
background-repeat: no-repeat;
background-position: top right;}

.linkback_topleft { position: absolute; top: 0px; left: 0px; }
.linkback_topright { position: absolute; top: 0px; right: 0px; }

/*LAYOUT CODE DESIGNED BY BLINGCHEESE.COM*/

babble Facebook Comments: