I’ve been using Greasemonkey for awhile, but I’ve never written any Greasemonkey scripts before today. I decided to write a couple scripts to re-style Slashdot.
It turns out that this is not so hard; then again, I’ve only styled the bare bones. There’s already a script which removes the sidebars, and I liked how that worked, so I incorporated it. I also changed it to be a fixed-width, centered page, and changed the colors (though I left it green overall, for hysterical raisins).
I wound up with three different scripts: one just changes the width of the page, nothing else, the second changes the width and the styles I selected, and the third does both of those as well as remove the sidebars (if you think you might want to turn sidebars off and on, you may just want to use one of the first two scripts and this script (nosidebar).
The scripts:
- Slashdot fixed-width and centered
- Slashdot centered and restyled — The styling is pretty limited; feel free to extend it, but please let me know so I can take a look.
- Centered, restyled, and no sidebars
The code used to replace the CSS is from the O’Reilly book Greasemonkey Hacks. Again, my restyling is minimal; this is meant to be extended. Have fun.
NOTE: Greasemonkey is a Firefox extension.
