XKCD Title

Adds the very important title of the XKCD Strips below the picture.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==UserScript==
// @name XKCD Title
// @namespace http://jellefresen.nl/XKCD
// @description Adds the very important title of the XKCD Strips below the picture.
// @include http://xkcd.com/*
// @include http://www.xkcd.com/*
// @exclude http://xkcd.com/archive
// @exclude http://www.xkcd.com/archive
// @exclude http://xkcd.com/store
// @exclude http://www.xkcd.com/store
// @exclude http://xkcd.com/about
// @exclude http://www.xkcd.com/about
// @version 0.0.1.20140829170814
// ==/UserScript==

var image = document.getElementById("comic").getElementsByTagName('img')[0];

// create a div
var title_text = document.createElement("div");
title_text.setAttribute('style', 'margin: auto; width:70%; font-size:small; font-style:italic');

// apply a bold "Title: "
var title_header = document.createElement("b");
var title_header_content = document.createTextNode("Title: ");
title_header.appendChild(title_header_content);
title_text.appendChild(title_header);

// add the Title text
var title_content = document.createTextNode(image.title);
title_text.appendChild(title_content);

// Throw it after the big picture
var root = image.parentNode;
var next = image.nextSibling;
root.insertBefore(document.createElement("br"), next);
root.insertBefore(title_text, next);
root.removeChild(next);

//.user.js