Wenn du deine Homepage hier anmeldest, wirst du noch viel mehr entdecken.
Neueste Themen
» Boruto RPG Forum
von Boruto Forum Sa 31 März 2018 - 0:46

» Shima no Koji - where the adventure begins!
von Shima no Koji Do 29 März 2018 - 14:36

» Wo ist die Seite hin??? DC Lost
von Dream Chaser Di 13 März 2018 - 23:59

» Crossover RPG | Rise of the Brave Tangled Frozen Dragons at Hogwarts
von Naisho no Sekái Di 13 März 2018 - 10:37

» Nützliche Seiten
von Gast Di 6 März 2018 - 8:51

» Lizenzfreie Bilder
von Gast Di 6 März 2018 - 8:38

» Usersuche
von Echsinea Mo 26 Feb 2018 - 14:19

» Neovine RPG-Forum
von Neovine Do 22 Feb 2018 - 21:03

» Enchanted Fairytale ~ Ein Disney RPG
von Fairy Curse Mo 15 Jan 2018 - 11:31

» Hilfe beim Layout / Design
von AnimeChen.de Di 9 Jan 2018 - 0:31

» Neues Design für Aslan´s Wish!
von Aslan´s Wish So 7 Jan 2018 - 16:08

» Digirevenge ~ Digimon RPG
von Digirevenge Fr 29 Dez 2017 - 13:37

» Frohe Weihnachten
von ShojoSenshu Di 26 Dez 2017 - 10:02

» Aslan´s Wish
von Aslan´s Wish Do 21 Dez 2017 - 17:45

» Umzug auf die eigene Domain!
von Blossom Lounge Sa 16 Dez 2017 - 23:20

Webby-/ Admin Suche

Eine Anzeige hinzufügen

Alle Anzeigen ansehen


CSS/Javascript-Tutorial | Code markieren

Nach unten

CSS/Javascript-Tutorial | Code markieren

Beitrag von Neovine am Mo 13 Nov 2017 - 22:00

Guten Abend!

Dieses Tutorial soll dazu führen, dass Ihr einen kompletten Code auf einen Klick markieren und dann kopieren könnt.

CSS
Diesen Code fügt Ihr in Eure CSS ein:
Code:
/*Funktion zum Script -Code markieren-*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

Javascript
Ihr erstellt einen neuen Javascript und fügt diesen Code ein:
Code:
function selectCode(e) {
    var doc = document
        , text = $(e).closest("dl").find(".cont_code,code").get(0)
        , range, selection
    ;
    if (doc.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(text);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();      
        range = document.createRange();
        range.setStart(text.firstChild, 0);
        range.setEnd(text, text.childNodes.length);
        selection.removeAllRanges();
        selection.addRange(range);
    }
};
$(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">diesen Code markieren</span>')});
Bei manchen Foren/Website's muss man einstellen, dass der Script auf jeder Seite vorhanden ist. Diese Einstellung ist zu empfehlen. Anschließend einfach absenden und ggf. aktivieren.

Das war's auch schon!
Nun sollte das Endergebnis ungefähr so aussehen:


Liebe Grüße
avatar
Neovine

Kontaktperson : Azumi
Anzahl der Beiträge : 8
Anmeldedatum : 04.10.17

Benutzerprofil anzeigen http://neovine-animerpg.forumieren.com/

Nach oben Nach unten

Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten