Zune HD

Designer's Comments

Look carefully for specific instructions

I am so EXCITED for this to come out this Fall!

REPLACE ALL XXXXXXXX's WITH YOUR FRIEND ID!

Website|Myspace|How To

Thanks to: mikeplyts, Mike, and fixtatik for helping with the rollovers.

Tested in IE and FF.

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>
.Main{position:absolute; left:50%; margin-left:-492px;
top:100px; background-FFFFFF;}
</style>

a.home{
float:left;
height: 50px;
width: 116px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/07/35250ab.png");
background-position: center;
background-repeat: no-repeat;
}

a.home:hover{
background-image: url("http://cbimg6.com/layouts/09/07/35250ac.png");
background-position:center;
background-repeat: no-repeat;
}

a.message{
float:left;
height: 50px;
width: 176px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/07/35250ad.png");
background-position: center;
background-repeat: no-repeat;
}

a.message:hover{
background-image: url("http://cbimg6.com/layouts/09/07/35250ae.png");
background-position:center;
background-repeat: no-repeat;
}

a.comment{
float:left;
height: 50px;
width: 192px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/07/35250af.png");
background-position: center;
background-repeat: no-repeat;
}

a.comment:hover{
background-image: url("http://cbimg6.com/layouts/09/07/35250ag.png");
background-position:center;
background-repeat: no-repeat;
}

a.pictures{
float:left;
height:50px;
width:160px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/07/35250ah.png");
background-position:center;
background-repeat: no-repeat;
}

a.pictures:hover{
background-image: url("http://cbimg6.com/layouts/09/07/35250ai.png");
background-position:center;
background-repeat: no-repeat;
}

a.add{
float:left;
height:50px;
width:79px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/07/35250aj.png");
background-position:center;
background-repeat: no-repeat;
}

a.add:hover{
background-image: url("http://cbimg6.com/layouts/09/07/35250ak.png");
background-position:center;
background-repeat: no-repeat;
}

a.block{
float:left;
height:50px;
width:108px;
overflow: hidden;
background-image: url("http://cbimg6.com/layouts/09/07/35250al.png");
background-position:center;
background-repeat: no-repeat;
}

a.block:hover{
background-image: url("http://cbimg6.com/layouts/09/07/35250am.png");
background-position:center;
background-repeat: no-repeat;
}
</style>

<div style="position:absolute; top:650px; left:50%; margin-left:-300px; overflow:auto; width:620px; height:130px; color:000000; font-size:10px; margin-top:1px;font-weight:normal; letter-spacing:1px; font-family:tahoma;">
<center>
Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. 
</center>
</div>

.mygen { Text Properties }
table, div{font-family:arial; color:FFFFFF; font-size:12px;}
</style>

Layout Comments

Showing latest 10 of 12 comments

The background colors seem a bit muted, but I like the actual color combo against the black of the Zune(:

By Butterface89 on Jul 28, 2010 5:47 pm

ZUNE HD!!

By B1LLIONAIREKR3W on Nov 2, 2009 10:31 pm

Zune. :)

By JennyThePirate on Aug 4, 2009 9:11 pm

cute!!^^

By iheartkwonjiyong on Jul 29, 2009 6:00 pm

Would be SO much better if the Zune was an image map, and the "music" and "videos" went to Myspace Music and Myspace Videos. Oh, and the "pictures" link, too.

By divspace on Jul 28, 2009 7:04 pm