Musical Notes

Designer's Comments

Look carefully for specific instructions

NOTE: The preview does NOT work right, but the layout DOES. This is a glitch with the preview itself.

I know this one is fairly simple, but I really like it. The notes to the right of each title add a bit of style. Hope you guys like it!

Tested in Internet Explorer, Firefox, Opera, and Safari.

Layout by CrimsonSkyGraphics.com

Using This Layout

For specific instructions read designer's comments

1. Log into myspace.com
2. Click on Edit Profile (Profile 2.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to CSS (Profile 2.0)

Help

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://cbimg6.com/layouts/09/09/35761aa.jpg'); 
background-attachment:scroll; 
background-position:top center; 
background-repeat:no-repeat; 
background-color: #000000;}

div#header {background-color:#000000; 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:#000000; background-image: url(); color: #8e2d8e; }

#topnav li.dropDown:hover ul.subMenu a:hover,#topnav li.hover ul.subMenu a:hover{background-color: #000000; 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://cbimg6.com/layouts/09/09/35761ab.jpg'); 
background-position: top right; 
background-repeat:no-repeat;
margin-left: -5px;
padding-top:60px;
border-top:0px;}

div.moduleBody 
{background-color: #111111; 
border:0px solid; 
color: #b3b3b3;  
font-family:verdana; 
font-size:13px; text-transform:none; 
text-align:left;
margin-top:-15px;
padding-left:10px;
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:#111111;
background-image:url('http://cbimg6.com/layouts/09/09/35761ab.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://cbimg6.com/layouts/09/09/35761ac.gif) no-repeat; width: 114px; height: 113px; position: absolute; top: 0; left: 0;}