Feel the Music.

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

My last layout I submitted was a bomb, so I deleted it. I'll work on making it align better, then I'll resubmit it. I really like how this turned out though. I was inspired by those commercials on Fuse where they have the sheet music over changing videos with notes flying all over. I don't know if they still play it anymore...But whatever. This ended up looking nothing like how I imagined it, but it's not bad. What do you think?

Want to see all my layouts and graphics? website - myspace

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css">body{
background-color:202020;
background-image:url(http://cbimg9.com/layouts/08/05/27656ab.gif);
background-position:top left;
 background-repeat:repeat-x;
 background-attachment:scroll;
scrollbar-arrow-color:202020;
scrollbar-track-color:202020;
scrollbar-shadow-color:000;
scrollbar-face-color:000;
scrollbar-highlight-color:000;
scrollbar-darkshadow-color:000;
scrollbar-3dlight-color:000;}
</style>

.div{
position: absolute; 
left: 50%;
margin-left:-400px; 
padding-bottom:0px;
top: 65px;  
z-index: 0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-233px; 
top: 213px; 
z-index:5; 
width:  453px; 
height: 303px; 
overflow: auto;}

.nav1{
background-color:transparent; 
position:absolute;
left: 50%; 
width:65px;
height:35px;
z-index:5;
margin-left:-395px;
top:353px;}

.add{
height:57px; 
width: 55px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/05/27656ac.gif) top left no-repeat; 
display: block;}

.add:hover{
background-position: bottom left;}

.nav2{
background-color:transparent; 
position:absolute;
left: 50%; 
width:105px;
height:35px;
z-index:5;
margin-left:-380px;
top:291px;}

.msg{
height:55px; 
width: 77px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/05/27656ad.gif) top left no-repeat; 
display: block;}

.msg:hover{
background-position: bottom left;}

.nav3{
background-color:transparent; 
position:absolute;
left: 50%; 
width:75px;
height:35px;
z-index:5;
margin-left:-313px;
top:336px;}

.block{
height:61px; 
width: 64px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/05/27656ae.gif) top left no-repeat; 
display: block;}

.block:hover{
background-position: bottom left;}

.nav4{
background-color:transparent; 
position:absolute;
left: 50%; 
width:65px;
height:35px;
z-index:50;
margin-left:270px;
top:305px;}

.blog{
height:59px; 
width: 66px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/05/27656af.gif) top left no-repeat; 
display: block;}

.blog:hover{
background-position: bottom left;}

.nav5{
background-color:transparent; 
position:absolute;
left: 50%; 
width:65px;
height:35px;
z-index:50;
margin-left:325px;
top:344px;}

.pics{
height:49px; 
width: 79px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/05/27656ag.gif) top left no-repeat; 
display: block;}

.pics:hover{
background-position: bottom left;}

.nav6{
background-color:transparent; 
position:absolute;
left: 50%; 
width:75px;
height:35px;
z-index:50;
margin-left:250px;
top:374px;}

.home{
height:58px; 
width: 61px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg9.com/layouts/08/05/27656ah.gif) top left no-repeat; 
display: block;}

.home:hover{
background-position: bottom left;}

h1{
font-family:georgia; 
font-size:18px; 
letter-spacing:-1px;
line-height:20px;
color:326f70; 
font-weight:none;
text-align:left;
border-bottom:1px solid;
border-color:202020;
font-weight: normal;
width:97%;}

body,table, td, li, p, div
{
font:normal 9px verdana; 
color:fff; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:15px;}

textarea{
background-color: transparent; 
background-image:url();
color: 000; 
font:20px verdana; 
text-transform:none;
letter-spacing: -3px;
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:000;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover{
	color:416226;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;}

.standard b, p b, B, strong {
font-family:century gothic; 
font-size:12px; 
line-height:18px;
color:416226; 
font-weight:none;
border:0px; 
text-transform: uppercase; }
</style>

<div class="section1"><center>
<h1>About Me</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus risus, volutpat quis, consectetuer a, ullamcorper a, pede. Aliquam non massa. Phasellus vulputate orci vel augue. Fusce pretium mollis sapien. Duis non magna. Quisque felis purus, vulputate vitae, tempus eu, commodo at, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean tincidunt libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dictum.

<h1>Comment</h1>
<style type="text/css">
textarea.area{
background-color:000;
width:400px;
height:50px;
font-family:georgia;
color:326f70;
line-height:20px;
font-size:12px;
text-align:left;
text-transform:none;
border:1px solid;
border-color:202020;
font-weight:normal;
letter-spacing:0px;
overflow:hidden;
margin:2px;
}

input.button {
background-color:000;
width:400px;
height:17px;
text-transform:none;
font-family:georgia;
color:326f70;
line-height:14px;
font-size:10px;
text-align:center;
border:1px solid;
border-color:202020;
font-weight:normal;
letter-spacing:0px;}
</style>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden">
<textarea name="f_comments" class="area">Hello there.</textarea><br />
<input type="submit"class="button" value="send"></form>

</center> 
</div>

Layout Comments

Showing latest 10 of 80 comments

PM me your code as is then. I'll take a look at it.

By schizo on Aug 12, 2010 2:17 pm

yupp

By ssflaca123 on Aug 10, 2010 11:38 pm

Did you put in your ID?

By schizo on Aug 10, 2010 12:47 pm

i found this one and every thing about it made so duper happy!
but my navigation thingy wont work (to click on it) and iv tryed it like 4 times already

By ssflaca123 on Aug 9, 2010 6:51 pm

Heeelp!! I copied the layout code into my HI5 About Me and I cannot view my profile now :(( . Can anybody help me please to remove it?? PLEASE PLEASE PLEASE! I would highly appreciate! PLEASE!!

By nana2001 on May 13, 2009 1:09 am

you know Gabi, my brother's a music major in college & he LOVED this one, he's using this one right now. it's incredible. wish i could step into your huge imagination & take some with me. :D

By goth-nina on Jan 29, 2009 8:06 am

I really like this layout and would like to use it, but it seems to be hiding the Myspace Advertisements on top, and im not about to have my page yanked for TOS violations. Is there a way to get those ads to show up?

By philcm06 on Nov 25, 2008 10:24 am

i love ittt. :D

By samanthaxrandom on Nov 15, 2008 12:34 am

hello, im a 8th grader i would really like to know how to make layouts almost as good as yours, i no its a series of complex codes but i will try, so.... nice layouts!!! XD

By williewang on Nov 7, 2008 9:11 pm

I'd appreciate help, since the music isn't working for me either...
I've read the other comments and used the code from the other website, but the music player doesn't work... how can this be fixed?

By secondchances on Oct 19, 2008 7:15 pm

View all »

Layout Details

Designer	schizo
Submitted on	May 17, 2008
Page views	58,830
Favorites	652
Comments	80
Reviewer	doublehelix
Approved on	May 17, 2008

Feel the Music.

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates