Community-Wiki

Achtung: Fandom stellt ab dem 31.12.2023 bis auf Weiteres den Support für die deutsche Sprache ein. Nach diesem Datum müssen alle Anfragen im englischen Community Central oder über das Kontaktformular gestellt werden.

MEHR ERFAHREN

Community-Wiki
Community-Wiki
Markierung: apiedit
(Groß- und Kleinschreibung, Kommasetzung)
Zeile 37: Zeile 37:
   
 
== Hinweise ==
 
== Hinweise ==
  +
;Format
;Format: Der Reitertitel muss mit einem Gleichheitszeichen ("<code>=</code>") beendet werden. <code>|-|</code> ist das Trennzeichen zwischen zwei Reitern.
 
  +
: Der Reitertitel muss mit einem Gleichheitszeichen ("<code>
 
=</code>") beendet werden. <code>|-|</code> ist das Trennzeichen zwischen zwei Reitern.
   
  +
;Wikitext
;Wikitext: Als Inhalte ist auch [[Hilfe:Wikitext|Wikitext]] für [[Hilfe:Vorlagen/Wikitext|Vorlagen]] und [[Hilfe:Bilder/Wikitext|Bilder]] möglich.
+
: Als Inhalte ist auch [[Hilfe:Wikitext|Wikitext]] für [[Hilfe:Vorlagen/Wikitext|Vorlagen]] und [[Hilfe:Bilder/Wikitext|Bilder]] möglich.
   
  +
;Überschriften
;Überschriften: Standardmäßig werden Level-2- (<code><nowiki>==</nowiki></code>) und Level-3-Überschriften (<code><nowiki>===</nowiki></code>) nicht angezeigt. Um das zu ändern, musst du folgenden Text der Seite [[MediaWiki:Wikia.css]] hinzufügen:
+
: Standardmäßig werden Level-2- (<code><nowiki>==</nowiki></code>) und Level-3-Überschriften (<code><nowiki>===</nowiki></code>) nicht angezeigt. Um das zu ändern, musst du folgenden Text der Seite [[MediaWiki:Wikia.css]] hinzufügen:
   
 
<pre>.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 {
 
<pre>.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 {
Zeile 64: Zeile 68:
 
Hierbei wird innerhalb des Tabs eine Überschrift eingefügt, die mit CSS in der Desktop-Version ausgeblendet wird. In der mobilen Ansicht wird sie jedoch angezeigt, da dort CSS nicht lädt. Ebenso lädt nur der Tabber-Inhalt, sodass die Tab-Inhalte mit eigenen Überschriften untereinander stehen.
 
Hierbei wird innerhalb des Tabs eine Überschrift eingefügt, die mit CSS in der Desktop-Version ausgeblendet wird. In der mobilen Ansicht wird sie jedoch angezeigt, da dort CSS nicht lädt. Ebenso lädt nur der Tabber-Inhalt, sodass die Tab-Inhalte mit eigenen Überschriften untereinander stehen.
   
Dieser Weg ist aber auch keine gute Lösung (komplexes HTML, Inline-CSSm, etc.). Man könnte eine Vorlage oder ein [[w:Help:Lua|Modul <small>(en)</small>]] erstellen, mit der die ausgeblendeten Überschriften automatisch bei jedem Tabber da sind, aber kein Weg kann das Hauptproblem mit solchen Tabs lösen (siehe nächster Abschnitt). Außerdem ist das ein sehr großer Aufwand für eine solche kleine Sache, Man könnte stattdessen auch einfach normale Abschnitte nutzen.
+
Dieser Weg ist aber auch keine gute Lösung (komplexes HTML, Inline-CSSm, etc.). Man könnte eine Vorlage oder ein [[w:Help:Lua|Modul <small>(en)</small>]] erstellen, mit der die ausgeblendeten Überschriften automatisch bei jedem Tabber da sind, aber kein Weg kann das Hauptproblem mit solchen Tabs lösen (siehe nächster Abschnitt). Außerdem ist das ein sehr großer Aufwand für eine solche kleine Sache, man könnte stattdessen auch einfach normale Abschnitte nutzen.
   
 
===Ansehen/Bearbeiten der Inhalte in den Tabs===
 
===Ansehen/Bearbeiten der Inhalte in den Tabs===
Tabber bieten keinen einfachen weg, den Text der Seite anzusehen oder zu bearbeiten. Das kann bei unerfahreneren Benutzern zu Verwirrung führen, wenn sie den Inhalt eines Tabs ändern wollen. Außerdem ist es für Benutzer, die den [[Hilfe:VisualEditor|VisualEditor]] benutzen, unmöglich, Tabber zu bearbeiten ohne zur [[Hilfe:Code-Ansicht|Code-Ansicht]] zu wechseln.
+
Tabber bieten keinen einfachen weg, den Text der Seite anzusehen oder zu bearbeiten. Das kann bei unerfahreneren Benutzern zu Verwirrung führen, wenn sie den Inhalt eines Tabs ändern wollen. Außerdem ist es für Benutzer, die den [[Hilfe:VisualEditor|VisualEditor]] benutzen, unmöglich, Tabber zu bearbeiten, ohne zur [[Hilfe:Code-Ansicht|Code-Ansicht]] zu wechseln.
   
 
== Links ==
 
== Links ==

Version vom 1. November 2017, 13:05 Uhr

Nuvola apps kservices
Dies ist eine Standard-Erweiterung!
Standard-Erweiterungen sind generell in allen Communitys aktiviert.

Die Tabber-Erweiterung ermöglicht in einer Seite das Einbinden eines Reitermenüs, das mehrere Inhalte abwechselnd in einer Seite anzeigen lässt.

Es gibt auch eine ähnliche Erweiterung, die im Reitermenü andere (Unter-)Seiten lädt. Siehe Hilfe:Tab view!

Beispielcode

Dieser Text muss in der Code-Ansicht eingegeben werden!

<tabber>
abc=
def
|-|
123=
456
|-|
xyz=
blablabla
</tabber>

Dies ergibt:

def

456

blablabla

Hinweise

Format
Der Reitertitel muss mit einem Gleichheitszeichen ("

=") beendet werden. |-| ist das Trennzeichen zwischen zwei Reitern.

Wikitext
Als Inhalte ist auch Wikitext für Vorlagen und Bilder möglich.
Überschriften
Standardmäßig werden Level-2- (==) und Level-3-Überschriften (===) nicht angezeigt. Um das zu ändern, musst du folgenden Text der Seite MediaWiki:Wikia.css hinzufügen:
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { 
display:block !important; 
}

Probleme

Mobile Darstellung

Das meiste CSS und JavaScript, das auf der Desktopversion eines Wikis geladen wird, wird in der mobilen Ansicht nicht dargestellt. Davon ist auch der Code betroffen, der Tabber möglich macht. Das hat zur Folge, dass Benutzer auf Mobilgeräten keine Trennung zwischen den Tabber-Inhalten sehen (sie sehen nur den Inhalt der Tabs, nicht die Tabs selber).

Du kannst dies mit dem folgenden Code umgehen:

==Dieser Abschnitt hat Tabs!==
<tabber>
|-|Erster=<h3 style="display:none">Erster</h3>Lorem ipsum dolor sit amet...
|-|Zweiter=<h3 style="display:none">Zweiter</h3>Lorem ipsum dolor sit amet...
|-|Dritter=<h3 style="display:none">Dritter</h3>Lorem ipsum dolor sit amet...
</tabber>

Hierbei wird innerhalb des Tabs eine Überschrift eingefügt, die mit CSS in der Desktop-Version ausgeblendet wird. In der mobilen Ansicht wird sie jedoch angezeigt, da dort CSS nicht lädt. Ebenso lädt nur der Tabber-Inhalt, sodass die Tab-Inhalte mit eigenen Überschriften untereinander stehen.

Dieser Weg ist aber auch keine gute Lösung (komplexes HTML, Inline-CSSm, etc.). Man könnte eine Vorlage oder ein Modul (en) erstellen, mit der die ausgeblendeten Überschriften automatisch bei jedem Tabber da sind, aber kein Weg kann das Hauptproblem mit solchen Tabs lösen (siehe nächster Abschnitt). Außerdem ist das ein sehr großer Aufwand für eine solche kleine Sache, man könnte stattdessen auch einfach normale Abschnitte nutzen.

Ansehen/Bearbeiten der Inhalte in den Tabs

Tabber bieten keinen einfachen weg, den Text der Seite anzusehen oder zu bearbeiten. Das kann bei unerfahreneren Benutzern zu Verwirrung führen, wenn sie den Inhalt eines Tabs ändern wollen. Außerdem ist es für Benutzer, die den VisualEditor benutzen, unmöglich, Tabber zu bearbeiten, ohne zur Code-Ansicht zu wechseln.

Links

Mehr Hilfe