Music.

Designer's Comments

Look carefully for specific instructions

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

I made a layout with a flying cassette tape before but it was terrible. I thought I'd redo. I'm really proud of this layout. I figured that people like music, bright colors, and hovers so I put them all into one. Comments are appreciated :D

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: 000;
background-image:url();
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:bddee7;
scrollbar-track-color:000;
scrollbar-shadow-color:e5e5e5;
scrollbar-face-color:e5e5e5;
scrollbar-highlight-color:e5e5e5;
scrollbar-darkshadow-color:e5e5e5;
scrollbar-3dlight-color:e5e5e5;}
</style>

.div{
position: absolute; 
left: 50%;
margin-left:-357px; 
top: 130px;  
z-index: 0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-135px; 
top: 480px; 
z-index:5; 
width:  260px; 
height: 232px; 
overflow: auto;}

.navigation{
background-color:transparent; 
position:absolute;
left: 50%; 
width:120px;
height:405px;
z-index:5;
margin-left:-227px;
top:460px;
overflow: auto;}

.block{
height:50px; 
width: 68px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/07/08/22/20873aa.png) top left no-repeat; 
display: block;}

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

.add{
height:50px; 
width: 68px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/07/08/22/20873ab.png) top left no-repeat; 
display: block;}

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

.message{
height:50px; 
width: 68px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/07/08/22/20873ac.png) top left no-repeat; 
display: block;}

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

.comment{
height:50px; 
width: 68px; 
background-color:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/07/08/22/20873ad.png) top left no-repeat; 
display: block;}

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

.navigation2{
background-color:transparent; 
position:absolute;
left: 50%; 
width:120px;
height:405px;
z-index:5;
margin-left:153px;
top:460px;
overflow: auto;}

}.blog
{height:50px; 
width:68px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/07/08/22/20873ae.png) top left no-repeat; 
display: block;}

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

.friends{
height:50px; 
width: 68px; 
background-COLOR:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/07/08/22/20873af.png) top left no-repeat; 
display: block;}

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

.home{
height:50px; 
width: 68px; 
background-color:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/07/08/22/20873ag.png) top left no-repeat; 
display: block;}

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

.pics{
height:50px; 
width: 68px; 
background-color:transparent; 
hidden; 
background: url(http://cbimg6.com/layouts/07/08/22/20873ah.png) top left no-repeat; 
display: block;}

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

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

textarea{
background-color: transparent; 
width: 150px; 
height: 50px; 
color: 000; 
font:7px small fonts; 
text-transform:uppercase; 
border: solid 1px 000;}

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

.standard b, p b, B, strong {
font-family:georgia; 
font-size:9px; 
color:183d11; 
font-weight:none;
border:0px; 
text-transform: none; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</map> </div>

Layout Comments

Showing latest 10 of 79 comments

i tried all odds and ends with the music player. i dunno .. :(

By byebyelove on Nov 15, 2009 12:38 pm

hey umm when i go on my myspaces profile and click on veiw pics it just dont let me and this comes up Invalid Friend ID.
This user has either cancelled their membership, or their account has been deleted. so can u help me...

By zachroxya on Mar 15, 2009 2:46 am

may i know??
why when i click at home, add, blog, friend....
its open the new tab???

By chafixy on Jan 8, 2009 1:30 am

like it love it..
used it!
everythings fine..

By anieka on Dec 21, 2008 9:47 am

I like this a loy. Is there a way I can have my music hidden. My other overlay layout I had, covered the music. I was wondering how I could do that with this layout.

By RockstarWoo16 on Dec 18, 2008 12:17 am

well, either way, this layout is extremly well designed, i can't imagine anyone else here doing something equally as this. this is beautiful work & i love it.

By goth-nina on Oct 24, 2008 12:39 am

I can take constructive criticism perfectly fine, it's just that some of the stuff you said was not true (how you can't put pictures, get your links to work, etc.)

By schizo on Oct 21, 2008 4:46 pm

designers can do a lot to please the people i mean why else are comments appreciated don't you want to know what we think..I'm not trying to bash your design i love it ..I'm actually recruiting and hiring designers for web pages and i was looking at your's. I was going around to see how designers handle criticism and ideas from the people who are actually using your designs. Its important to take in the ideas and other peoples comments because thats how we perfect what we do. Without constructive criticism I would have never gotten this far. I am a professional designer myself so I know how it is. Well you have a great design concept and are very artistic. Keep it up.

By ang122082 on Oct 21, 2008 4:36 pm

My instructions for getting the music player to work are perfectly fine. I just tested it, and it worked for me. You can put pictures on here and add graphics...you're just doing something wrong. What's perfect for you may not be perfect for everyone. There is only so much we designers could do to please everybody. If you want a perfect layout, learn to make them on your on.

By schizo on Oct 20, 2008 4:42 pm

i really like this layout the only thing i would have liked there to be more options like putting photos up getting the player to appear in the music section all sorts of things.when i try to put something in the page the whole page messes up..i have found many layouts on this site i like but they can be much better needs some work..but when anyone mentions it needs work or gives the designer some constructive criticism nothing is ever done..if this layout was perfected a lot of people would use it..

By ang122082 on Oct 20, 2008 1:32 pm

View all »

Layout Details

Designer	schizo
Submitted on	Aug 22, 2007
Page views	104,020
Favorites	876
Comments	79
Reviewer	IVIike
Approved on	Aug 22, 2007

Music.

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates