In Memory of Michael Jackson (2.0)

Designer's Comments

Look carefully for specific instructions

A bit late, but finally got a chance to make a tribute layout. May he rest in peace.

Important:

-- The code that goes in the About Me will only work if your Blurbs module is showing. If not, you can place it in the Interests box. Either way, the area you place the code in MUST not be hidden or the banner will not work right.

-- The image showing MJ's album on the banner is an animation which fades through his different albums. You won't see this in the preview image above, but it looks cool. :)

This layout works well in: Internet Explorer, Firefox, 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/07/35252aa.jpg'); 
background-attachment:fixed; 
background-position:bottom center; 
background-repeat:no-repeat; 
background-color: #000000;}

div#header {background-color:#000000; background-image:url(''); width:696px;}

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

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

#topnav {
background-color: transparent;
background-image:url();  
background-attachment:scroll; 
background-position:center; 
background-repeat: repeat;
border:0px solid;
width:700px;}

#topnav ul {border-right:0px;}

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

#topnav ul li a {background-color: transparent; color: #ffffff; font-size:10px; font-family:verdana; font-weight:normal;}
 
#topnav ul li a:hover, ul li .open {background-color: transparent; color: #d4d2d3;}

#topnav ul li a small, ul li a:hover small {color: #9e1d56; font-size:0px; display:none;}

#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: #ffffff; }

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

#topnav ul.subMenu {border:1px solid; border-color:#808080; border-top:none;}

#topnav ul.subMenu li.divider {border-bottom:1px solid; border-color:  #808080;}

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

div.basicInfoDetails
{background-color: transparent;
margin-left: -5px;
padding-top:10px;
border-top:0px solid; 
border-color: #000000;}

div.moduleBody 
{background-color: transparent; 
border:0px solid;
border-color: #000000;
color: #9f9f9f;  
font-family:century gothic, verdana; font-size:13px; 
 text-transform:none; 
text-align:left;
padding-left:4px;
padding-bottom:5px;}

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

div.basicInfoModule div.basicInfoDetails h2 
{background:none;
color: #c3c3c3; 
font-family:century gothic, verdana; 
font-size:18px; text-transform:none; 
font-weight:normal; border:0; display: block;  
line-height:normal; text-align:left;}

div.blurbLikeToMeet h4
{color: #9c9c9c; 
font-family:century gothic, verdana; 
font-size:16px; text-transform:none; 
font-weight: bold; border:0; 
display: block; text-align:left;}

div.blurbAboutMe h4
{color: #9c9c9c; 
font-family:century gothic, verdana; 
font-size:16px; text-transform:none; 
font-weight: bold; border:0; 
display: block; text-align:left;}

h3.moduleHead 
{background-color:transparent;
border:0px solid; 
border-color: #000000;
color: #c3c3c3; 
font-family:century gothic, verdana; font-size:18px; 
text-transform:uppercase; font-weight:bold; 
text-align:center; display:block;}

div.interestsModule h4 {
background-color:transparent; 
color: #9c9c9c; 
font-family:century gothic,verdana; font-size:16px; 
text-transform:none;
font-weight:bold; text-align:left;}

h4 
{background-color:transparent; 
color: #9c9c9c; 
font-family:century gothic, verdana; font-size:16px; 
text-transform:none;
font-weight: bold; display:block;}

div.detailsModule li strong 
{background-color:transparent; 
color: #9c9c9c; 
font-family: century gothic, 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 
{color: #545252; 
font-family:century gothic, verdana; font-size:13px; 
text-decoration:none; 
text-transform:none; font-weight:normal;}

div.moduleBody a:hover, a:hover
 {color: #ffffff; 
text-decoration:none; text-transform:none; 
font-weight:normal;}

a:link img {filter:gray;} a:visited img {filter:gray;}  a:hover img {filter:none;}

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

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

div.commentsModule p.datePosted 
{background-color:transparent; 
color: #c3c3c3; 
font-family:century gothic, verdana;  font-size:18px;
font-weight:normal; text-transform:none; 
padding-left:px;width:185px;}

div.commentsModule ul.moduleList li.odd div.user {float:left;}
div.commentsModule ul.moduleList li.odd div.userComment {border-top:0px solid;
border-color: #808080;}

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

div.wrap {background-color:#141414; border-left: 2px solid; border-right: 2px solid; border-color:#808080; width:700px; position:absolute; top:0px; left:50%; margin-left:-380px;}

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

div.musicPlayerModule div.moduleBody {position:relative; background-position: center; overflow:hidden; border-top:0px solid; border-color: #000000; padding-top:0px;}

div.contentTop {height:198px;
 background-image:url("http://cbimg6.com/layouts/09/07/35252ab.jpg");
 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;}

.a {create the space}
div.contentTop {height:414px;} 
.a {position the banner}
div.TopBannerHover {position:absolute; top:300px; left:50%; margin-left:-46px;}

.a {position the banner}
div.creditLink {background: url(http://cbimg6.com/layouts/09/07/35252ac.gif) no-repeat; width: 114px; height: 113px; position: absolute; top: 0; left: -100px;}