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
Advertisement
Community-Wiki

Coding

Wiki-Code

Der folgende Text betrifft das Schreiben von Wiki-Syntax, die in einem Quelltexteditor eingegeben werden muss.

Tooltips sind einfache Popup-Blasen, mit denen du Lesern zusätzliche Informationen verfügbar machen kannst, wenn sie mit der Maus auf bestimmte Seitenelemente zeigen. Damit lassen sich zusätzliche Hintergrundinfos hinzufügen, Abkürzungen oder Fremdwörter erklären oder Spoiler verstecken. Tooltips eignen sich am besten für Textelemente. Das <abbr>-Tag eignet sich dabei besser als das <div>- oder <span>-Tag.

Auf Mobilgeräten gibt es keine Maus, mit der Nutzer auf ein Stück Text zeigen können. Daher sollten Tooltips nur einfache Zusatzinformationen bieten. Wichtige Inhalte sollten für alle sichtbar auf der Seite selbst stehen.

Spoiler

Falls du Tooltips nutzen willst, um einen Spoiler zu verstecken, bietet es sich für mobile Nutzer an, diesen zusätzlich auf einer Unterseite zu verlinken - etwa so: [[/Spoiler|Spoiler]], womit du folgenden Link erhältst: Spoiler.

Und der Weg zurück zum Artikel ist gleich mit dabei (siehe Link unter der Titelzeile der Unterseite, sobald sie erstellt wurde).

Tooltips erstellen

Für eine einfache Tooltip-Blase fügst du um den entsprechenden Text herum abbr-Tags ein mit dem Parameter title="Hier steht die Zusatzinfo!", zum Beispiel:

<abbr title="Das ist ein Tooltip">Fahre mit dem Mauszeiger hierher, um mich zu sehen!</abbr>

So erhältst du das:

Fahre mit dem Mauszeiger hierher, um mich zu sehen!

Du kannst verändern, wie der Mauszeiger aussieht, indem du folgendes einfügst: style="cursor:<cursor-style>;". Zum Beispiel:

  1. style="cursor:help;" bewirkt das:
    Fahre mit der Maus hierher, um ein Fragezeichen zu sehen.
  2. style="cursor:pointer;" bewirkt das:
    Fahre mit der Maus hierher, um eine Hand zu sehen.

Mehr Hilfe

Advertisement