Extra caution is recommended when installing recently uploaded/updated scripts (read more)
Be sure you trust any scripts you install

XKCD Redesign

A redesign of XKCD. New color-scheme, more features.

This is my first published script, so I hope you like it. Anyway, here we go:

This is a redesign of XKCD.com, a webcomic that I read daily. It's about 'romance, sarcasm, math, and language', and you might like it too.

My script:

  • Adds a new color scheme
  • Gets rid of the rounded corners
  • Includes the title of the current comic in the page title
  • Adds the subtitle below the comic title
  • Hides the distracting images in the section below the comic

So, all in all, I hope you find it to be an improvement to the original :).

Changelog:

version 0.2
Added support for the front pages of XKCD.
Changed the namespace to my site instead of a Tag URI






Jul 8, 2007
1212jtraceur Scriptwright

Another xkcd fan, great script! I modified it to not use innerHTML, here's my version.

// ==UserScript==

// @name          XKCD Redesigned

// @namespace     http://azrael.awardspace.co.uk/

// @description   A redesign of XKCD.

// @author        Peter "Azrael" Bunyan

// @include       http://xkcd.tld/*.html

// @include       http://www.xkcd.tld/*.html

// @include       http://xkcd.tld/

// @include       http://www.xkcd.tld/

// ==/UserScript==



title = document.getElementsByTagName('h1')[0];

document.title = 'xkcd - ' + title.textContent;


img = document.getElementsByTagName('img')[1];

info = document.getElementsByTagName('h3');


permalink = info[1].textContent.split(': ')[1];

subtitle = document.createElement('h3');
subtitle.textContent = '"' + img.title + '"';

title.parentNode.insertBefore(subtitle, title.nextSibling);


img.title = '';

imgLink = document.createElement('a');
imgLink.href = imgLink.textContent = img.src;
info[1].textContent = 'URL: ';
info[1].appendChild(imgLink);

permaLink = document.createElement('a');
permaLink.href = permaLink.src = permalink;
info[2].textContent = 'Permalink: ';
info[2].appendChild(permaLink);



GM_addStyle("body {font-variant:normal; font-size: 8pt; font-weight: normal; font-style: normal; background: #494e52;} h3 {font-variant: normal; font-weight: normal; font-style: italic; font-size: 8pt;} #middleContent ul{width: 440px;} #middleContent ul li a {background: #494e52;} #middleContent ul li a:hover {color: #494e52;} #topLeft a, #topLeft a:hover {font-size: 20px;} .dialog .hd, .dialog .hd .c, .dialog .bd, .dialog .bd .c, .dialog .ft, .dialog .ft .c {background: #494e52;} .dialog .bd .c .s {padding-bottom: 20px; margin-top: -10px;} a {color: #494e52;} #container {padding-bottom: 0;} a > img {display: none;} #logo a > img {display: inline;}")

You could comment on this script if you were logged in.