MySpace DIV Layouts Changelog

On this page I'll keep a record of all the changes made to all of my MySpace DIV layouts. If you see one or more features here that you don't have in your installed layout, simply run through the layout generator again to get the updated code.

July 4th, 2008 — More MySpace Profile Header Changes

MySpace has made some more changes to the profile header again. These changes first became apparent yesterday (July 3rd) and, for all intents and purposes, it appears that MySpace does NOT want us to hide the new MySpace navigation bar at all. However, the good news is that the blue background on the MySpace navigation bar can now be removed in Internet Explorer 6.

As a result of this, I have decided to discontinue support for hiding the navigation bar. All Rob Thunder MySpace overlays and the Rob Thunder's Guide to Making MySpace DIV Layouts ebook have been updated to reflect and support these changes, i.e., these new layouts will no longer hide any part of the MySpace navigation bar.

All the 3 column DIV layouts were also tweaked to correct the vertical positioning of your profile. If you have a 3 column Rob Thunder DIV layout and you have discovered that the MySpace navigation bar is now showing and your div layout is overlapping over the bottom of the navigation bar then you can correct this by reinstalling the updated layout code.

June 22, 2008 — New MySpace Profile Header

All Rob Thunder MySpace overlays and the Rob Thunder's Guide to Making MySpace DIV Layouts eguide have now been updated to be compatible with the major changes MySpace made to the profile header last Wednesday. Since all these layouts originally hid the MySpace navigation bar (Home, Browse, Search, etc.) then likewise the new MySpace navigation bar (Home, Mail, Profile, etc.) will also be hidden.

However, the Google bar will continue to be displayed in the updated layouts. In fact, I've actually received official word from MySpace that hiding the Google bar on your MySpace profile is against the MySpace Terms of Use agreement. At any rate, I stopped providing support for hiding the Google bar way back in December 2006 so no worries there.

March 28, 2008 — MySpace Footer Links Now Mandatory, Plain Black and Plain White Overlay Codes Overhauled


All Rob Thunder MySpace DIV layouts have been updated to comply with a seemingly new (and unwritten) rule that the footer links and the footer copyright notice on MySpace pages may not be hidden. The footer links and copyright notice look like this:

About | FAQ | Terms | New Privacy | Safety Tips | Contact MySpace | Report Abuse | Advertise | Jobs | MySpace International

2003-2007 MySpace. All Rights Reserved.

In the plain black and plain white overlays, a facsimile of the footer links now appears in the right column under the MySpace Stuff subheading and a facsimile of the copyright notice appears below that. (According to MySpace forum moderators, facsimiles like these are acceptable.)


ALSO, the plain black and plain white overlay codes were completely rewritten and updated. These layout codes were originally written up in November 2006 when many of the CSS class names now used in the default MySpace profile code were not yet in existence. As a result, back then it was necessary to write up the layout codes using CSS rule sets containing ridiculously long descendant selectors such as:

table table table table table td { /* style declarations */ }

The plain black and plain white overlays have been completely overhauled and updated to make use of the all the new CSS class names being used in the default MySpace HTML code (making these DIV layouts much more stable).

These layouts also now contain the Rob Thunder MySpace Overlays corner tag. Those seeking to remove it (and the 'LAYOUT CREDIT' link), should read this.

December 7, 2007 — Extended Network, Blog Link

There were some issues with the plain black MySpace DIV layout and the plain white MySpace DIV layout regarding the text in the Extended Network peeking out from behind the banner ad at the top of the page (instead of being hidden altogether). This was due to the huge change that made to the default layout code by wrapping a new table around the Extended Network Box. This glitch with these two overlays has been corrected.

I am not issuing a quick copy-and-paste fix for this because there were also a couple of other minor changes made to the code, one of them being to add a 'View My Blog' link that actually goes to your own blog. All those using these layouts should return to the respective pages (plain black MySpace DIV layoutplain white MySpace DIV layout), generate fresh layout code and replace your currently installed layout code with that.

October 12, 2007 — Navigation Bar Glitch

Alrighty then, due to some recent changes made to the default profile template, some rendering isues appeared in both my plain black MySpace DIV layout and my plain white MySpace DIV layout. Typically what you would see is the separators in the navigation bar (Home, Browse, Search, etc) display when they're supposed to be hidden. This has been corrected. To fix up your profile, the best thing to do is to run through the respective overlay generator again and get some fresh code.

Alternatively —instead of running through the overlay generator again— you could apply this quick copy-and-paste fix:

Just copy-and-paste that code into the bottom of the 'About Me' box on your 'Edit Profile' screen. However, be advised that this fix is not an ideal solution as the overlay will tend to ride a little lower than usual. The best solution —as noted above— is to simply go back to the overlay generator, get some fresh code and replace your currently installed code with that.

September 26, 2007 — Grey Backgrounds Glitch made some changes recently to the web files that create MySpace profiles which caused a number of layouts —including my overlays— to display a strange offwhite (grey) background color.

Both the plain black MySpace overlay and the plain white MySpace overlay were updated to display their proper respective background colors. If you're using one of these overlays, you have two choices to fix the offwhite background color glitch:

1. Run through the overlay generator again to create a fresh overlay code and then replace your currently installed code with that.


2. Manually edit your currently installed overlay code. Here's how to do this:

Go to the 'About Me' box and locate the very beginning of my layout code which will look like this:

<STYLE type=text/css> {}BODY{background: ...

Change this to the following:

<STYLE type=text/css> {}BODY.bodyContent{background: ...

What you'll be doing is just typing in ".bodyContent" (without the double quotes) directly right after "BODY" and that's it. Click on the 'Save All Changes' button and your profile will display normally again.

July 31st, 2007 — No Banner Ad Glitch

Reports started coming in that the ad block was not displaying at the top of the page. After some extensive testing, I discovered that this was not a false positive (as is frequently the case with the ad block not displaying as I've seen it fail to display even when no layout code is installed) but indeed as a result of some change in the MySpace default template.

This change —whatever it was— along with my overlay code suppressed the display of the ad in Internet Explorer and sometimes Firefox (not sure why it was only sometimes in Firefox). THIS ISSUE HAS BEEN FIXED in both the plain black and the plain white overlays. I tested it in Internet Explorer 6 & 7, Firefox 2 and Opera 9.

Thanks to Derek and Tammi for bringing this to my attention.

You can correct this by either running through overlay code generators again and installing the new code OR you can copy-and-paste this quick fix into the BOTTOM of your 'About Me' box on your 'Edit Profile' screen:

This will also correct the positioning of the overlay.

February 12th, 2006 — Online Now Glitch

MySpace updated their coding again which affected both of my overlays. Looks like they added a new class called "ImgOnlineNow". This created a problem with the Online Now icon in that it would display too big and/or with a border around it. Both overlay generators have been updated to fix this.

If you have one of my overlays already installed and you don't feel like running through the generator again to get fresh code then you can fix the Online Now glitch by copy-and-pasting the code below into the very bottom of the 'About Me' section on your 'Edit Profile' screen:

December 4th, 2006

To continue with the minimalist look, I added code to hide the new Google search box appearing below the banner ad.

November 30th, 2006

Images posted to the comments section are now resized to 180 pixels width to prevent spreading layout when extra wide pics are posted. Prior to this, an error existed in the code that resized comments pics too small (to around 70 pixels width).

There are, however, two minor issues with this:

  • In Internet Explorer, if images are posted are posted to your comments section as links, the images will be resized to 70 pixels width (sorry but this can't be helped).
  • In Opera, this feature is not fully compatible. Opera resizes the pics fine but still seems to want to allot the original width of the image to the containing block so unfortunately extra wide pics will still spread your layout.

November 14th, 2006

Now compatible with the MySpace profiles of those that wish to retain their blog entries. Prior to this, if the user had no entries in their MySpace blog then the overlay would be rendered too high in the browser viewport.

Looking for other cool MySpace layouts and layout generators?

Check these resources: