BBP Div Overlay With Music Player

Designer's Comments

Look carefully for specific instructions

Feel free to check out my other div overlay layouts at http://msdazzlebackgrounds.com/myspace-layouts/51/page/2

1-Tested to be working in Mozilla and Internet Explorer 7+.
2-Please Leave my credit intact, I spent alot of time on this layout, and literally my back and neck hurts from slouching the whole time :)
3-Please leave the layout "as is", take it or leave it :) please do not alter it, however, you can change the font colors, link colors, if you want your own color, you can also change the scrollbar color.
3-I made it all go into the "About Me" section to make it easier.
4-Scrollbar colors will show up in Internet Explorer, and not in Mozilla.
5-Anytime you use a div overlay layout, please make a backup copy of your profile the way it was before in notepad or any text editor.
6-Only use if you will make a backup copy of your original layout prior to pasting this code.
7-Replace the "XXXXXXXX" with your friend id for the main links.
8-Replace the "your about me" text, and put anything you want.
9-Towards the bottom, for the comment box, look for "div class="comment" and put in your friend id where it says "value="YOURFRIENDIDHERE"
10-Replace the photo with a 150 by 150 photo. To change your link picture, find where it says "replace the picture url with your own!", and put in the given url.
11-Also, if you see any misalignments for some reason, just refresh your browser, or when it opens up in a new tab or window, wait until your browser page loads before you maximize your window or open your browser.
12-Where it says "FRIENDSLINKHERE", put in your friend's profiile link, and for the friend's images, just replace "http://x.myspace.com/images/no_pic.gif"height="66px", and make sure it is 66px by 66px :)
13-Also, for the "Top Friends", if you have more top friends, or want to put more of your friends in the box, just place the link where is says "YOURFRIENDSLINKHERE" make sure you use the exact tags a=href...
14-If you have any questions, just pm me.
15-You can get your own custom mp3 flash music player at myflashfetish.com If you do not want the one I used, and you can add your own songs. To change the flash player, look for the "div class="music" towards the bottom, and replace that code with your own, make sure you keep the div tags.
16-I put in the music player towards the center bottom, but you can keep it there or move it where ever you want.
17-Credit-brushes-http://www.brushesdownload.com/
18-For the interests etc div on the bottom right, you can fill in your information, and you can add more text to that div.
Check out my website for more layouts http://www.msdazzlebackgrounds.com and http://msdazzlebackgrounds.createblog.com/layouts/
Enjoy!

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><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/08/06/28530aa.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace Codes"><img src="http://cbimg9.com/layouts/08/06/28530ab.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><p><a href="http://www.createblog.com/layouts/index.php?layout=myspace_layouts" title="Grab Myspace Layouts and Myspace

Codes"><img src="http://cbimg9.com/layouts/08/06/28530ab.gif" border="0" alt="Myspace Layouts"

style="position:absolute;top:0px;left:0px;width:10px;height:27px;"/></a></p><p><a

href="http://www.createblog.com>

title="Grab Myspace Layouts and Myspace

Codes"><img src="http://cbimg9.com/layouts/08/06/28530ac.gif" border="0" alt="Myspace Layouts"

style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css">
.commentlinks {display:none;}
body div table td form img{display:none!important;}
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {text-transform: uppercase; letter-spacing:2px; line-height: 9px; font-family: small fonts; font-size: 7px; color: 8a8a8a;}
table table,table table table table,table table{background-color:transparent;width:;border:0px;} 
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redtext,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font, 
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
td td embed, td td object { position: absolute; top: -500px; left: -500px; }
td td td embed, td td td object { position: static !important; }
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}

body {
overflow: auto;
overflow-x: hidden;
scrollbar-face-color:61069a;
scrollbar-arrow-color:4595c4;
scrollbar-highlight-color:61069a;
scrollbar-shadow-color:4595c4;
scrollbar-3dlight-color:61069a;
scrollbar-darkshadow-color:4595c4;
scrollbar-track-color:61069a;
background-color:61069a;
background-image:url(); 
background-position:Center Center; 
background-attachment:scroll; 
background-repeat:no-repeat;
cursor:default;
font-weight:normal;
}

a:link, a:visited, a:active {
font-family:trebuchet ms;
font-size:14px;
font-weight:normal;
color: 1bd8a5;
text-decoration:underline;
text-transform:none;
}

a:hover {
font-family:trebuchet ms;
font-size:14px;
font-weight:normal;
color:8af9f8;
text-decoration:strikethru;
text-transform:none;
}

div.image 
{position:absolute;
margin-left:-500px;
left:50%;
top:91px;
width:620px;
height:280px;}

div.aboutme 
{position:absolute;
margin-left:-80px;
left:50%;
top:470px;
width:440px;
height:180px;}

.aboutme {
position:absolute;
overflow:auto;
background-color:61069a;
font-family:trebuchet ms;
font-size:14px;
color:ffffff;
align:center;
font-weight:normal;
text-transform: lowercase;
margin:0;
padding:0;
}

div.top_friends{
top:440px;
left:30px;
position:absolute;
width:84px!important;
width:84px;
height:584px!important;
height:584px;
padding:1px;
z-index:2;
overflow:hidden;
visibility:visible;
text-align:justify;
background-color:transparent;
}

.interests_etc{
top:930px;
left:710px;
width:200px;
height:100px;
font-family:trebuchet ms;
color:ffffff;
position: absolute;
text-align: right;
background-color: 573aa9;
border: 0px solid white;
overflow: scroll;
text-align:left;
z-index: 3;
}

.nav{
position: absolute;
top: 825px;
left: 50%;
margin-left: 210px; _margin-left: 214px;
width: 200px;
height: 100px;
text-align: right;
border: 0px solid white;
overflow: scroll;
z-index: 3;
}

a.navigate:link, a.navigate:active, a.navigate:visited { color: ffffff; font-size: 14px; display: block; cursor: default;

line-height: 
14px; text-align: left; font-weight: none; letter-spacing: 
2px; text-indent: 0px; font-family: trebuchet ms; text-decoration: none; 
text-transform: none; background-image: url(''); 
background-color: 573aa9; background-repeat: repeat-x; 
background-attachment: scroll; border: 0px solid 000000; 
margin-top: 0px; padding: 0px; background-position: top }
a.navigate:hover { color: 573aa9; font-size: 14px; display: block; cursor: crosshair; text-indent: 
1px; line-height: 14px; text-align: right; font-weight: none; 
letter-spacing: 2px; font-family: trebuchet ms; text-decoration: 
none; text-transform: none; background-image: 
url(''); background-color: ffffff; background-repeat: 
repeat-x; background-attachment: scroll; 
border: 1px solid 000000; margin-top: 0px; padding: 0px; 
background-position: top }

div.commentbox 
{position:absolute;
margin-left:-385px;
left:50%;
top:830px;
width:150px;
height:80px;}

</style>

<div class="image">
<img src="http://cbimg9.com/layouts/08/06/28530ad.png" width="980" height="980" border="0"

alt=""

usemap="#imagemap">
</div>

<div class="top_friends">
<marquee direction="down" scrollamount="3">
<a href="FRIEND URL HERE" border=0><img src="http://cbimg9.com/layouts/08/06/28530ae.jpg" width="58" height="49"></a><br>
FRIEND NAME<br>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg9.com/layouts/08/06/28530ae.jpg" width="58" height="49"></a><br>
FRIEND NAME<br>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg9.com/layouts/08/06/28530ae.jpg" width="58" height="49"></a><br>
FRIEND NAME<br>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg9.com/layouts/08/06/28530ae.jpg" width="58" height="49"></a><br>
FRIEND NAME<br>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg9.com/layouts/08/06/28530ae.jpg" width="58" height="49"></a><br>
FRIEND NAME<br>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg9.com/layouts/08/06/28530ae.jpg" width="58" height="49"></a><br>
FRIEND NAME<br>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg9.com/layouts/08/06/28530ae.jpg" width="58" height="49"></a><br>
FRIEND NAME<br>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg9.com/layouts/08/06/28530ae.jpg" width="58" height="49"></a><br>
FRIEND NAME<br>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg9.com/layouts/08/06/28530ae.jpg" width="58" height="49"></a><br>
FRIEND NAME<br>
<a href="FRIEND URL HERE" border=0><img src="http://cbimg9.com/layouts/08/06/28530ae.jpg" width="58" height="49"></a><br>
FRIEND NAME<br>
</marquee></div>

<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navigate">Home</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navigate">Contact</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navigate">Add</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX&public=0"

class="navigate">Favorites</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=XXXXXXXX&f=forwardprofile"

class="navigate">Forward</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"

class="navigate">Pictures</a>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=XXXXXXXX" class="navigate">Videos</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="navigate">Blogs</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="navigate">Friends</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="navigate">Comments</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"

class="navigate">Post</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="navigate">Block</a>
<a href="http://www.msdazzlebackgrounds.com" class="navigate">Layout Credit</a>
<a href="http://www.createblog.com" class="navigate">Your Link Here</a>
<a href="http://www.createblog.com" class="navigate">Your Link Here</a>
</div>

<br><big><b><i><center>
This is your layout preview...
</b></big></i><br><br></center>

Name: Your name here.<br>
Age: How old are you?<br>
Birthday: When is your birthday<br><br>
Write anything you want.<br><br>
<a href="http://www.createblog.com">This is how your link would look like.</a><br><br>

<i>"Your Favorite Quote Goes Here"</i>

<b>About Me:</b><br>
YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR

ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT

ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME

HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE!

YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR ABOUT ME HERE! YOUR