Dies ist ein Sammelbeitrag. Hier werden kleine Skripte gesammelt, die man ohne große Vorkenntnisse in sein Wiki einbauen kann.
Noch nicht verwendete Skripte[]
Scroll-Box[]
Eine Scrollbox ist ein fester Rahmen mit beliebig viel Inhalt. Wird der Platz in dem Rahmen zu gering, erscheinen Scroll-Balken. Dies hilft dir deine Seite kompakt zu halten, dem interessierten Leser jedoch mehr Informationen bereit zu stellen. (Sehr beliebt bei Navigationen am Ende einer Seite).
<div style="border: 1px solid black; width: 300px; height: 100px; overflow:auto;">
INHALT
</div>
Erklärung
- border:1px solid black - Dies erzeugt den dünnen Rahmen, damit der Nutzer weiß, dass der Bereich beschränkt ist und wo die Grenzen liegen.
- width: 300px; - das ist die Breite der Box. Diese MUSS angegeben sein, da sonst der Browser nicht berechnen kann, wann er die Scrollboxen braucht
- height: 200px; - ähnlich wie width, hier jedoch die Höhe der Box
- overflow:auto; - steuert die Scroll-Balken.
- auto = nur wenn etwas aus dem Rahmen heraus ragt wird ein Scrollbalken angezeigt
- scroll = die Balken werden immer angezeigt
- hidden = die Balken werden nie angezeigt.
- INHALT - Beliebiger Inhalt inklusive Bilder, Galerien, Tabber, Linklisten etc.
- </div> - jedes geöffnete DIV-Box muss auch geschlossen werden. Hier endet die Box.
Diese Funktion ist Mobilkompatibel. Die Box wird zwar auf dem Smartphone nicht angezeigt, ihr Inhalt jedoch schon.
Möchtest du mehr erfahren? Lies hier weiter: w3schools/overflow
Ausklappbare Box[]
Möchtest du eine Spoiler-Box erstellen, bei der man vor dem Inhalt gewarnt wird, ihn jedoch dennoch aufklappen kann? Das geht ganz einfach. Fandom hat dir hierfür sogar ein Tool bereit gestellt.
<div class="mw-collapsible mw-collapsed" style="border:1px solid black;">
Immer sichtbarer Text
<div class="mw-collapsible-content">Versteckter Text</div>
</div>
Immer sichtbarer Text
Erklärung
- mw-collapsible - Das sagt Fandom, dass es sich um eine einklappbare Box handelt
- mw-collapsed - Hier erfährt Fandom, dass du möchtest, dass die Box standardmäßig eingeklappt ist.
- mw-collapsible-content - Fandom erkennt, dass hier der zu versteckende Inhalt ist.
- border:1px solid black; - Dies ist der Rahmen um die ausklappbare Box (optional)
Diese Funktion ist Mobilkompatibel. Der Inhalt wird jedoch immer angezeigt so, als wäre die Box geöffnet - unabhängig ob der Benutzer sie öffnet.
Möchtest du mehr erfahren? Lies hier weiter: Hilfe:Spoiler
[]
Wir haben bereits gelernt, wie man eine Scrollbox und eine Ausklappbare Box erstellt. Nun wollen wir das gelernte anwenden um eine Navigation zu wichtigen Seiten in deinem Wikia zu erstellen, die wir zentral verwalten und mit wenig Aufwand in die Artikel einfügen können.
Zunächst erstellen wir uns die Navigationsbox im Namensraum Vorlage. Schreibe dazu oben in der URL-Leiste deines Browsers
de.Dein-Wiki.wikia.com/wiki/Vorlage:Navigation
Du gelangst auf eine leere Seite, die jedoch etwas anders aussieht, als eine Artikelseite (z.B. gibt es kein "Lies mehr"). Dies ist eine Vorlagenseite. Sie ist für administrative Zwecke gedacht und nicht für Artikel-Inhalte, Umfragen oder Meinungen. Klicke auf bearbeiten - wie bei jedem anderen Artikel auch...
Vorlage:Navigation
<div class="mw-collapsible mw-collapsed" style="border:1px solid black;">
'''Navigation'''
<div class="mw-collapsible-content" style="width:100%; height: 100px; overflow:auto;">
* Erster Charakter
* Zweiter Charakter
* Dritter Charakter
* Vierter Charakter
* ...
* Hundertster Charakter
* Hunderterster Charakter
</div>
</div>
Navigation
- Erster Charakter
- Zweiter Charakter
- Dritter Charakter
- Vierter Charakter
- ...
- Hundertster Charakter
- Hunderterster Charakter
Nun haben wir die Navigation fertig. Auf dieser Seite können wir jederzeit Veränderungen vornehmen und noch fehlende Einträge ergänzen.
Jetzt wollen wir, dass man diese Navigation ganz bequem auf jeder Artikelseite eintragen kann. Dazu gehen wir in einen beliebigen Artikel, in dem wir die Navigation haben wollen und tragen dort den Aufruf der Vorlage ein:
Artikel
... (bisheriger Artikel) ...
{{Navigation}}
... (bisheriger Artikel) ...
Navigation
- Erster Charakter
- Zweiter Charakter
- Dritter Charakter
- Vierter Charakter
- ...
- Hundertster Charakter
- Hunderterster Charakter
Erklärung:
- Eine Vorlage kann überall eingesetzt werden - auch auf einer Vorlagenseite. Jedes Mal, wenn eine Seite mit eingebundener Vorlage aufgerufen wird, schaut Wikia, ob die Vorlage noch aktuell ist. So muss nur die Vorlage auf dem Stand der Dinge gehalten werden, während man nicht alle 100 Artikel überarbeiten muss.
Diese Funktion ist Mobilkompatibel mit allen Einschränkungen von Scrollbox und Ausklappbare Box. Möchtest du mehr erfahren? Lies hier weiter: Hilfe:Vorlagen
Verwendete Skripte[]
- AjaxRC (Juli 2017)
- ChatHacks (Januar 2017)
- ViewRemoved (Juni 2016)