Crimson Sky Graphics » MySpace Layout: Musical Notes Light

MySpace Layout: Musical Notes Light

Click Above Image to see Full Size Sample

How to Use in MySpace Profile 2.0:

1. Click on “Customize Profile” then enter the following code into the CSS box:

Copyright {This layout is copyright CrimsonSkyGraphics.com, Sarah Kettell 2009. Do not remove any credits from this layout, nor change the images or graphics.}

body 
{background-image:url(‘http://i263.photobucket.com/albums/ii142/CrimsonSkyGraphics/MySpace_20/MusicalNotes/CSG_MusicalNotesBannerLight.jpg’); 
background-attachment:scroll; 
background-position:top center; 
background-repeat:no-repeat; 
background-color: #ffffff;}

div#header {background-color:#ffffff; background-image:url(”); width:800px;}

div#footer {background-color:transparent; background-image:url(); 
border-color:; border: 0px solid; width:750px; color: #b3b3b3;}

div#googlebar {background-color:transparent; background-image:url(”);}

#topnav {
background-color: transparent;
background:none;
border:0; 
width:800px; margin-bottom:2px;}

#topnav ul {border-right:0;}

#topnav ul li {border-left:0; }

#topnav ul li a {background-color: transparent; color: #8e2d8e; font-size:13px; font-weight:normal;}
 
#topnav ul li a:hover, ul li .open {background-color: transparent; color: #ea1e8f;}

#topnav ul li a:hover small {color: #8e2d8e;}

#topnav ul li.dropDown:hover a, #topnav ul li.hover a,#topnav ul li.hover a:hover, #topnav ul a:hover {background-color:#f7f7f7; background-image: url(); color: #8e2d8e; }

#topnav li.dropDown:hover ul.subMenu a:hover,#topnav li.hover ul.subMenu a:hover{background-color: #f7f7f7; color: #ea1e8f;}

#topnav ul.subMenu {border:0px solid; border-color:  #3c3c3c; border-top:none;}

#topnav ul.subMenu li.divider {border-bottom:0px solid; border-color:  #3c3c3c;}

div.photo
{padding-top:60px;}

div.basicInfoDetails
{background-color:transparent;
background-image:url(‘http://i263.photobucket.com/albums/ii142/CrimsonSkyGraphics/MySpace_20/MusicalNotes/CSG_MusicalNotesTitleBGLight.jpg’); 
background-position: top right; 
background-repeat:no-repeat;
margin-left: -5px;
padding-top:60px;
border-top:0px;}

div.moduleBody 
{background-color: #f7f7f7; 
border:0px solid; 
color: #9e9e9e;  
font-family:verdana; 
font-size:13px; text-transform:none; 
text-align:left;
margin-top:-15px;
padding-left:4px;
padding-bottom:5px;}

div.module 
{background-color: #transparent; 
border:0px solid; border-color:#ffffff; 
padding:px; margin:10px;}

div.basicInfoModule div.basicInfoDetails blockquote {
position:relative; top:-20px;}

div.basicInfoModule div.basicInfoDetails h2 
{background:none;
color: #187bb6; 
font-family:verdana; font-size:20px; 
text-transform:none; font-weight:normal; 
border:0; 
display: block;  
position:relative; top:-50px; left:-170px;
line-height:normal; text-align:left;}

div.blurbLikeToMeet h4
{color: #8c2b8c; 
font-family:verdana; 
font-size:18px; text-transform:capitalize; 
font-weight: normal; border:0; 
padding-left:px; display: block;  
line-height:; text-align:left;}

div.blurbAboutMe h4
{color: #8c2b8c; 
font-family:verdana; 
font-size:18px; text-transform:capitalize; 
font-weight: normal; border:0; 
padding-left:px; display: block;  
line-height:; text-align:left;}

h3.moduleHead 
{background-color:#f7f7f7;
background-image:url(‘http://i263.photobucket.com/albums/ii142/CrimsonSkyGraphics/MySpace_20/MusicalNotes/CSG_MusicalNotesTitleBGLight.jpg’); 
background-position: top right; 
background-repeat:no-repeat; 
border:0px solid; 
color: #187bb6; 
line-height:30px;
font-family:verdana; font-size:20px; 
text-transform:none; font-weight:normal; 
text-align:left; display:block; padding-bottom:30px;
margin-bottom:10px;}

div.interestsModule h4 {
background-color:transparent; 
color: #8c2b8c; 
font-family:verdana font-size:16px; 
text-transform:none;
font-weight:bold; text-align:left;}

h4 
{background-color:transparent; 
color: #8c2b8c; 
font-family:verdana; font-size:16px; 
text-transform:none;
font-weight: bold; display:block;}

div.detailsModule li strong 
{background-color:transparent; 
color: #8c2b8c; 
font-family: verdana; font-size:14px;
 text-transform:none; 
font-weight: bold; display:block;
float:left; padding-right:5px;}

div.moduleBody a, a:link, a:active, a:visited, div.commentsModule ul.moduleList li.odd div.user span.pilDisplayName, ul.moduleList li.even div.user span.pilDisplayName
{color: #009e53; 
font-family:verdana; font-size:13px; 
text-decoration:none; 
text-transform:none; font-weight:normal;}

div.moduleBody a:hover, a:hover
 {color: #fcf511; 
font-family:verdana; font-size:13px; 
text-decoration:none; 
text-transform:none; font-weight:normal;}

strong, b, span.count 
{color: #f0963e; font-size:12px; 
font-family:verdana; font-weight:bold;}

i, em 
{color: #f0963e; 
text-transform: none; text-decoration: none; font-weight: italic;}

div.commentsModule p.datePosted 
{background-color:transparent; 
color: #8c2b8c; font-size:18px;
font-family:verdana; 
font-weight:normal; text-transform:none; width:300px;}

div.commentsModule ul.moduleList li.odd div.user {float:right;}
div.commentsModule ul.moduleList li.odd div.userComment {margin-left:0px; margin-right: 25%; border-top:0px solid;
border-color: #340053;}

div.commentsModule ul.moduleList div.userComment {border-top:0px solid; border-color: #340053;}

div.wrap {background-color:transparent;
background-image:none;
background-repeat:no-repeat; 
width:950px;}

div.contentTop table td {background-image:none; width:auto; height:auto;}

div.contentTop {height:236px;  
 background-image:url(“”);
 background-position:center;
 background-repeat:no-repeat;
padding-top:0px;}
{! reverse conflicts with other commonly used code !}
div.contentTop table td {background-image:none; width:auto; height:auto;}

div.contentTop div div
{background: url(http://i263.photobucket.com/albums/ii142/CrimsonSkyGraphics/LayoutButton.gif) no-repeat; width: 114px; height: 113px; position: absolute; top: 0; left: 0;}

2. Enter this code into the bottom of the section titled Who I’d Like To Meet:

About This Layout:

Note: This layout and all images involved are free for personal use only. Please see our terms of use for more information.

Leave Your Thoughts

Latest Tweet

NEW: Sparkly Light 3D Text Tutorial. First official tutorial on Crimson Sky Graphics. Check it out! http://tinyurl.com/43yvk96 11:44pm April 28, 2011 from TweetDeck

Professional Design Services

Looking to hire a web & graphic designer for your project? Click here to learn more about the designer and get a free quote.

What People Are Saying

Felix Valliant on Why I Used WordPress as a CMS
Jonathan on Why I Used WordPress as a CMS
Boins on The Perils of Comment Spam & Other Issues

Design for Us

Do you love to design? We're always looking for talented new designers for tutorials, layouts, and graphics. If you think you've got what it takes, contact us.