BB Div Overlay With Music Player

Myspace Layouts / Div Overlay

View preview

Designer's Comments

Look carefully for specific instructions

Feel free to check out my other div overlay layouts at

If you want to hide comments for this or any DIV layout or DIV OVERLAY layout, here is the link for the code

Please have advanced knowledge of div overlays prior to using this layout. I am not responsible for anything after using this layout, and everything that you do is at your own risk.

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, also, you can change the font styles to whatever you want.
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 profile link, and for the friend's images, just replace ""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 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 bottom right, in the little circle, you can keep it in there, or put it somewhere else in the profile :)
18-Check out my website for more layouts and

Using This Layout

For specific instructions read designer's comments

  • This is a div overlay layout, html knowledge required!
  • 1. Log into
  • 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


Layout Comments

Showing latest 10 of 61 comments

i rlly like this layout i think u did a great job on it =] but im having a prob w/ the friends' pics not showing can u tell me more plz?

By muzicobsession on Jul 17, 2009 5:51 pm

dang, i think you overused that brush a bit too much. Otherwise, good job!

By Mikeplyts on Jun 23, 2009 5:35 am


By msdazzlebackgrounds on Dec 30, 2008 6:39 pm

It's nice =)

By Janess on Dec 26, 2008 11:12 pm

i sent you a p.m.

By msdazzlebackgrounds on Sep 3, 2008 1:28 pm

hi there Im having a problem with the layout... I dont know why but im not able to see my contact table on my profile...could u pls fix it for me.

By Eve23-82 on Sep 3, 2008 12:56 pm

ty :) i sent you a p.m.

By msdazzlebackgrounds on Aug 24, 2008 3:56 pm

so i absolutely love this layout but im having some problems with it...first my top friends are not in the box they belong they are shifted to the left how can i change that?? and second my comments are showing at the bottom how can i hide them??
can you please help me because i really want to keep this layout

By rosypoo617 on Aug 24, 2008 3:15 pm

thanks. i sent you a p.m.

By msdazzlebackgrounds on Aug 13, 2008 9:52 pm

hey. i love this layout a lot. but i am having major problems with the friends. i can go to they friends and all but it does not show their pictures. kan you explain more.

By naliasteez on Aug 13, 2008 9:43 pm
View all »

Layout Details

Designer msdazzlebackgrounds View profile
Submitted on Jun 13, 2008
Page views 28,970
Favorites 274
Comments 61
Reviewer kreios View profile
Approved on Jun 14, 2008

Layout Colors

Black Blue White