Modifikationsscripte für Bronies.de

Bronies.de Design-Tester für Banner-Wettbewerb-Teilnehmer (Öffnen)
Code:

// ==UserScript==

// @name         Bronies.de Design-Tester

// @namespace    http://dorfplatz.ponyville.biz/

// @version      0.1

// @description  Test your own Bronies.de Design

// @author       Quad

// @include      *bronies.de/*

// @grant        none

// ==/UserScript==

(function() {

    'use strict';

    let dialog = document.createElement("div");

    document.body.insertBefore(dialog, document.body.firstChild);

    dialog.style["background-color"] = "red";

    let tabelle = document.createElement("table");

    dialog.append(tabelle);

    tabelle.style["text-align"] = "left";

    let addImageInput = (label, imageApplyFn) => {

        let zeile = document.createElement("tr");

        tabelle.append(zeile);

        let zelle = document.createElement("td");

        zeile.append(zelle);

        zelle.append(document.createTextNode(label + ": "));

        zelle = document.createElement("td");

        zeile.append(zelle);

        let input = document.createElement("input");

        zelle.append(input);

        input.type = "file";

        input.onchange = event => {

            let file = event.target.files[0];

            let fileReader = new FileReader();

            fileReader.onload = () => {

                imageApplyFn(fileReader.result);

            };

            fileReader.readAsDataURL(file);

        };

    };

    addImageInput("Banner", image => { document.querySelector(".logo img").src = image; });

    addImageInput("Hintergrund", image => { document.body.style["background-image"] = "url(" + image + ")"; });

    addImageInput("Großer Balken", image => {

        for (let node of document.querySelectorAll(".thead")) {

            node.style["background-image"] = "url(" + image + ")";

        }

    });

    addImageInput("Kleiner Balken", image => { document.querySelector(".welcomeblock_bar2").style["background-image"] = "url(" + image + ")"; });

    let zeile = document.createElement("tr");

    tabelle.append(zeile);

    let zelle = document.createElement("td");

    zeile.append(zelle);

    zelle = document.createElement("td");

    zeile.append(zelle);

    let button = document.createElement("button");

    zelle.append(button);

    button.append(document.createTextNode("roten Bereich entfernen"));

    button.onclick = () => document.body.removeChild(dialog);

})();