(older) << Previous Layout || Random Default Layout || Music Default Layouts || Next Layout >> (newer)

Colorful Music Default Layout

Keywords: white, blue, purple, music, notes, note, guitar, headphone, headphones, mic, boom box Description: A Colorful group of instrument
The following codes will work for the MySpace 2.0 Profiles
MySpace 2.0 Code Normal Colorful Music MySpace 2.0 Layout This is the normal version of this layout with Rounded Edges. .Click_To_Highlight_All_Code_defaultlayouts.org_Normal_Style {} body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #FDFDFD url(http://i698.photobucket.com/albums/vv346/global_layouts/default/123_colorful-music.gif) repeat fixed top left;} p{line-height:1.8;} a:link, a:active, a:visited {color: #88DFF2} 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=fdfdfd&r=6&w=2000&s=c34bf0&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 #c34bf0; margin: 0px 5px; } div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #c34bf0; margin: 0 5px; } div[class~="moduleMid2"] { margin: 0 8px; } div[class~="moduleMid"] { border-left: solid #c34bf0 1px; } div[class~="moduleMid1"] { border-right: solid #c34bf0 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: #000000; } h3.moduleHead { font-size: 120%; color: #000000; background-color: transparent; padding:0.2em } div.moduleMid2 h3 { background-color: #fdfdfd; background-position: bottom left; background-repeat: repeat-x; color: rgb(0,0,0); padding-top:12px; text-transform: uppercase; letter-spacing:-1px; font-size:17px;} h4 { font-size: 110%; color: #1F96AB; } 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, div[id~=topnav] { background-color: #fdfdfd; } div.moduleMid2 h3, div.basicInfoDetails h2 {color: #1F96AB;} a.url, ul.contactLinks li a, a:hover; {color: #88DFF2 } 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: #fdfdfd; } div.detailsModule li { background-color: #fdfdfd; 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: #1F96AB; } 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 #1F96AB 0px; } div.blogsModule ul.moduleList li { border-bottom: dotted 0px #1F96AB; } div.blogsModule ul.moduleList span.date { color: #000000; } div.blurbsModule h4 { background-color: transparent; color: #1F96AB; } 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: #fdfdfd; } div.commentsModule a.profileLink, div.commentsModule h3 { color: #000000; } div.commentsModule div.userComment { background-color: #fdfdfd; } div.commentsModule div.user { background: transparent; background-color: #fdfdfd; } 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: #fdfdfd;} div#header, div#googlebar { background: transparent; } #topnav { background-color: #fdfdfd } #topnav ul { border-right: 1px #fdfdfd solid; } #topnav ul li { border-left: 1px #fdfdfd solid; } #topnav ul li a:hover {background-color: #fdfdfd; color: #fdfdfd} #topnav ul li a.open:hover {background: #1F96AB none repeat scroll 0 0; color: #fdfdfd} div#footer { background-color:transparent; padding:0 0 20px 0;} div#footer a { color: #88DFF2 } div#footer div { padding:10px 0; color: #1F96AB } .defaultlayouts_org_topleft { position: absolute; top: 0px; left: 0px; } div.content {background-color: #transparent; background-image: url('http://i730.photobucket.com/albums/ww305/profilebrand/myspace-layout-tr.gif'); background-repeat: no-repeat; background-position: bottom right;} Default Colorful Music MySpace 2.0 Layout Grab this code if you want this layout in Default style. Default style means that the center of your myspace 2.0 profile will look normal, and will only have the Colorful Music background. .Click_To_Highlight_All_Code_defaultlayouts.org_Default_Style {} body { background-attachment:fixed; background-color:#FDFDFD; background-image:url(http://i698.photobucket.com/albums/vv346/global_layouts/default/123_colorful-music.gif); background-position:top left; background-repeat:repeat;} div#header, div#googlebar, #topnav {background-color:#fdfdfd;} #topnav ul {border-right: 1px #fdfdfd solid;} #topnav ul li {border-left: 1px #fdfdfd solid;} #topnav ul li a:hover {background-color:#fdfdfd; color:#88DFF2;} div.moduleBody { background-color:#ffffff; color:#000000; font-family:arial; font-size:10px; font-weight:bold;} div.module {background-color:#ffffff; border:0px;} div.basicInfoModule div.basicInfoDetails h2 { background-color:#fdfdfd; color:#000000; display: block; font-family:arial; font-weight:bold; padding-left:2px; text-transform:lowercase; } h3.moduleHead { background-color:#fdfdfd; color:#000000; display:block; font-family:Arial; font-size:10px; font-weight:bold; line-height:9px; padding-left:3px; text-transform:lowercase;} h4 { background-color:#fdfdfd; border:0px; color:#000000; display:block; font-family:Arial; font-size:10px; font-weight:bold; line-height: 12px; padding-left:4px; text-transform:lowercase;} div.detailsModule li strong { background-color:#fdfdfd; border:0px; color:#000000; display:block; font-family:Arial; font-size:10px; font-weight:bold; line-height: 12px; margin-right:10px; padding-left:2px; text-transform: lowercase; width: 80px;} div.moduleBody a, a:link, a:active, a:visited {color:#c34bf0; font-family:Arial; font-size:10px; letter-spacing:0; text-decoration:none; text-transform:lowercase; font-weight:bold;} div.moduleBody a:hover, a:hover {color:#; font-family:Arial; font-size:10px; letter-spacing:0; text-decoration:none; text-transform:lowercase; font-weight:bold;} .moduleList .even, .moduleList .even {background-color:#fdfdfd; color:#000000; text-transform:lowercase; border:0;} strong, b, div.commentsModule p.datePosted, span.count {color:#000000; font-size:10px; font-family:Arial; font-weight:bold;} ul.profileUserAlbum li {background-color:#fdfdfd; padding:2px; border:0;} div.wrap {background-color:#ffffff;background-attachment:fixed; background-position:top left; background-repeat:repeat; border:0px; width:750px;} div.content {background-color: #transparent; background-image: url('http://i730.photobucket.com/albums/ww305/profilebrand/myspace-layout-tr.gif'); background-repeat: no-repeat; background-position: bottom right;}	Instructions 1) <- Copy the code. 2) Go to the Customize Profile page on MySpace. 3) Click on {} CSS 4) Paste the code in the empty CSS Box. 5) Click Publish in the top right.
The following codes will work for the MySpace 1.0 Profiles
MySpace 1.0 Code Normal Colorful Music MySpace 1.0 Layout Grab this code if you want this layout. (as seen above and in the Preview) <style> .code { Layout Copyright defaultlayouts.org - No Redistributing } </style> <div style="position:absolute;z-index:9;right:0px;top:0px;"> <a href="http://www.profilebrand.com/" target="_blank"><img src="http://www.profilebrand.com/layoutsatprofilebrand.gif" border="0" alt="MySpace Layouts"></a></div><style> .defaultlayouts.org { Background Properties } table, tr, td { background-color:transparent; border:none; border-width:0;} body, .bodyContent { background-color:FDFDFD; background-image:url(http://i698.photobucket.com/albums/vv346/global_layouts/default/123_colorful-music.gif); background-attachment: fixed; background-position:top left; background-repeat:repeat; } .defaultlayouts.org { Table Properties } table table { border: 0px } table table table table{border:0px} table table table { border-style:solid; border-width:7px; border-color:c34bf0; background-color:fdfdfd; } .defaultlayouts.org { Text Properties } table, tr, td, li, p, div { color:000000; } .btext { color:000000; } .blacktext10 { color:000000; } .blacktext12 { color:000000; } .lightbluetext8 { color:1F96AB; } .orangetext15 { color:1F96AB; } .redtext { color:000000; } .redbtext { color:000000; } .text { color:000000; } .whitetext12 { color:1F96AB; } a:active, a:visited, a:link { color:88DFF2; } a.navbar:active, a.navbar:visited, a.navbar:link { color:88DFF2; } a.redlink:active, a.redlink:visited, a.redlink:link { color:88DFF2; } .nametext { color:1F96AB; } </style> <div style="position:absolute;z-index:9;left:0px;top:0px;"> <a href="http://www.defaultlayouts.org" target="_blank"><img src="http://i698.photobucket.com/albums/vv346/global_layouts/images/default_layouts.gif" border="0" alt="default myspace layouts" /></a></div> I get my <a href="http://www.defaultlayouts.org" target="_new">Default MySpace Layouts</a> from <a href="http://www.defaultlayouts.org/" target="_new">DefaultLayouts.org</a>. Default Colorful Music MySpace 1.0 Layout Grab this code if you want this layout in Default style. Default style means that the center of your myspace 1.0 profile will look normal, and will only have the Colorful Music background. <style type="text/css"> .Click_To_Highlight_All_Code_defaultlayouts.org_Default_Style {} </style> <div style="position:absolute;z-index:9;right:0px;top:0px;"> <a href="http://www.profilebrand.com/" target="_blank"><img src="http://www.profilebrand.com/layoutsatprofilebrand.gif" border="0" alt="MySpace Layouts"></a></div><style> body{background-image:url("http://i698.photobucket.com/albums/vv346/global_layouts/default/123_colorful-music.gif"); background-attachment: fixed; background-position:top left; background-repeat:repeat; background-color:FDFDFD;} br{line-height:0px!important;} form {display:none;} img{border:0px;} table table{border:0px;margin-top:5px;} table table table{border: 0px; padding:0; } table table table form {display:inline;} table table table table{border:0px; margin:0px;} table table table br{line-height:normal!important;} table, td{background-color:; border:none; border-width:0;} table tbody td table tbody tr td.text table{background-color: ; } td, tr, table{height:0px!important;} tr{background-color:transparent;} a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link{font-family:arial; font-size:11px; font-weight:bold;text-transform:lowercase;} a:hover, a.man:hover, a.text:hover, a.redlink:hover{font-family:arial; font-size:11px; font-weight:bold; text-transform:lowercase;} a.navbar:link, a.navbar:visited, a.navbar:active{font-family:arial; font-size:11px; font-weight:normal; line-height:15px; text-transform:lowercase;} a.navbar:hover{font-family:arial; font-size:11px; font-weight:normal; line-height:15px; text-transform:lowercase;} .btext,.blacktext10, .blacktext12 {display:none!important;} font, td,a body, table, body, td, li, p, div, li, p, br,.redtext,.redbtext,.text{color:#000000; font-family:arial; font-size:11px; font-weight:normal; line-height:9px; text-decoration:none; text-transform:lowercase;} .orangetext15,.lightbluetext8,.whitetext12{font-family:arial; font-size:11px; text-transform:lowercase;} .nametext{font-family:arial; font-size:30px; font-weight:normal; letter-spacing:normal; line-height:35px; text-transform:uppercase;} textarea,input{background-color:#000000; border:1px solid #000000; font-family:arial; font-size:11px; font-weight:normal; text-transform:lowercase;} </style><div style="position:absolute;z-index:9;left:0px;top:0px;"> <a href="http://www.defaultlayouts.org" target="_blank"><img src="http://i698.photobucket.com/albums/vv346/global_layouts/images/default_layouts.gif" border="0" alt="default myspace layouts" /></a></div> I get my <a href="http://www.defaultlayouts.org" target="_new">Default MySpace Layouts</a> from <a href="http://www.defaultlayouts.org/" target="_new">DefaultLayouts.org</a>. Short Colorful Music MySpace 1.0 Layout Grab this code if you want this layout in Short style. Short style means that it will not have a network box area or a contact box area. It will only have the Colorful Music background, and be short in legnth. <style> .Click_To_Highlight_All_Code_defaultlayouts.org_Short1_Style {} </style> <div style="position:absolute;z-index:9;right:0px;top:0px;"> <a href="http://www.profilebrand.com/" target="_blank"><img src="http://www.profilebrand.com/layoutsatprofilebrand.gif" border="0" alt="MySpace Layouts"></a></div><style> body { background-image: url(http://i698.photobucket.com/albums/vv346/global_layouts/default/123_colorful-music.gif); background-color:#FDFDFD; background-attachment: fixed;} br {line-height:1px !important;} div td{background-color:#fdfdfd;} table.blurbs {margin-top:-18px;} td.text table, td.text td.text, tr {background-color:transparent;} .userprofileurl, .orangetext15, .latestblogentry, .userprofileurl, .btext, .redbtext, .redlink, .imgonlinenow, .redtext, .contacttable, .friendspace, .friendscomments, .interestsanddetails, .extendednetwork, .userprofiledetail, table.latestblogentry {display:none!important;} table, tr, td, li, p, div, .text { font-family:arial; font-size:10; font-weight:normal; line-height:11px; text-transform: lowercase;} table tr td div font{ color:#fdfdfd; font-family:arial; font-size:11; font-weight:normal; text-transform:lowercase;} .nametext { color:#1F96AB; display: block; font-family:arial; font-size:28px; font-weight: normal; letter-spacing:-3px; line-height:30px; padding right:2px; text-align:left; text-transform: lowercase; } a:active, a:visited, a:link { text-decoration:none; font-family:small fonts; font-size:7px; letter-spacing: 0px; color:#88DFF2; text-transform: uppercase; font-weight: normal;} a:hover { text-decoration:none; font-family:arial; font-size:10; letter-spacing: 0px; color:#88DFF2; text-transform: uppercase; font-weight: normal;} a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link { background-color: transparent; border: 0px; font-family:arial!important; font-size: 10!important; font-weight: normal!important; line-height: 9px; padding: 0px; text-transform: lowercase!important; } ul li a:link, ul li a:active, ul li a:visited ul li a.open:visited, ul li a:link, ul li a:active, ul li a:visited { font:20px arial!important; line-height: 25px !important; text-transform:uppercase; font-weight:normal !important; letter-spacing:-2px;} ul li a.open:hover, ul li a.open small, ul li a:hover {background-color:#EEEEEE!important; color:#88DFF2!important;} </style> <div style="position:absolute;z-index:9;left:0px;top:0px;"> <a href="http://www.defaultlayouts.org" target="_blank"><img src="http://i698.photobucket.com/albums/vv346/global_layouts/images/default_layouts.gif" border="0" alt="default myspace layouts" /></a></div> I get my <a href="http://www.defaultlayouts.org" target="_new">Default MySpace Layouts</a> from <a href="http://www.defaultlayouts.org/" target="_new">DefaultLayouts.org</a>.	Instructions 1) <- Copy the code. 2) Go to the Edit Profile page on MySpace. 3) Paste the code in the BOTTOM of your About Me section. 4) Click Save Changes.