“Fix” the New Formatting for Nealz Nuze Pages

I frequently read a daily writeup called "Nealz Nuze" on the Internet by talk show host Neal Boortz.  Just this morning they updated the format of the page and I'm not a fan.  To quote Mr. Boortz: "This mess wasn't our idea. I'm talking about the new format for Nealz Nuze."  Judging by the comments we aren't the only two people not in love with the new format.

update: I now have a native Firefox extension that you can download which does the same thing.  Right click and choose "Save Link", then save it to your computer.  Then drag the file into a Firefox window and allow it to install.  Get it here. You can still use the GreaseMonkey script below if you prefer.

Well, problem solved.  My old friend GreaseMonkey and I got together for a minute and here's what we came up with:

// ==UserScript==
// @name           Nealz Nuze Formatter
// @namespace      eric.biven
// @description    Restores Nealz Nuze to it's previous glory (with improvements).
// @include        http://boortz.com/*
// @include        http://www.boortz.com/*
// ==/UserScript==
 
var listenLive = document.getElementById('streamLink');
listenLive.style.cssFloat = 'right';
listenLive.style.width = '200px';
 
var header = document.getElementById('logoAdContainer');
header.removeChild(header.childNodes[1]);
header.appendChild(listenLive);
 
var ads = document.getElementById('rightColumnCell');
ads.parentNode.removeChild(ads);
 
var head = document.getElementsByTagName('head')[0];
if (head) {
    style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode('.hrDivider, .blogFooter, .blogEntryByline { display: none; }'));
    style.appendChild(document.createTextNode('.blogEntry { padding-bottom:20px; }'));
    style.appendChild(document.createTextNode('.storyhed { padding-bottom:10px; display:block; }'));
    style.appendChild(document.createTextNode('.blogEntryBody > table { margin:10px 0px 10px 20px; }'));
    style.appendChild(document.createTextNode('#pageWrapper, #centerColumn { width:auto; }'));
    style.appendChild(document.createTextNode('.pageContainer { margin:0px 10px 0px 10px; }'));
 
    head.appendChild(style);
}

This script is available for download from UserScripts.org at http://userscripts.org/scripts/show/36900.  It will return the page to a look that is more familiar to readers.  I've taken the liberty of adding a little more white space around some items as well.

New Layout

If you aren't familiar with GreaseMonkey, here's a quick rundown.  GreaseMonkey is an addon for the Firefox web browser that lets you run scripts against pages and change how they look and/or behave.  In this case I'm removing ads, then changing the style of some elements.  You can install GreaseMonkey from here:

https://addons.mozilla.org/en-US/firefox/addon/748

Once you've installed GreaseMonkey and restarted Firefox, make sure the little monkey icon down at the bottom of your Firefox window is brown.  If he's grey, click on him (this enables GreaseMonkey).  Then click this link and allow the script to install:

http://userscripts.org/scripts/source/36900.user.js

Once the script is installed you'll be able to view Nealz Nuze in all of its former glory.  Enjoy.

Read more about this at:

http://boortz.com/nealz_nuze/2008/11/dont-blame-me-nor-the-web-wenc.html

update: Now corrects their page width so that the text is always the width of your browser.

update: It should now work on Neal's entire site and it moves the listen live link into the header of the page.