Zum Inhalt springen

Vorlage:Symbol/Doku

Aus Wikivoyage

Diese Vorlage dient zur Ausgabe eines generischen Symbols.

Syntax

[Bearbeiten]

{{Symbol|Bild|Größe|text=EinText|border=Rahmen|class=CSS-Klassen|valign=Ausrichtung|link=Link}}

Erforderlicher Parameter:

  • |Bild - Dateiname des anzuzeigenden Bildes ohne File:/Image:/Datei:/Bild:-Präfix, aber mit Dateiendung

Optionale Parameter:

  • |Größe - Größe des Bildes inklusive px-Angabe. Syntax dieser Angabe (Standard: x15px).
  • |text=Ein Text - Beschreibender Text. Dieser Text dient als Tooltip.
  • |border=border/frameless/... - Anzeigeeinstellungen für den Rahmen. Auflistung der Werte (Standard: frameless)
  • |class=eine oder mehrere klassen - Leerzeichen-getrennte Auflistung von CSS-Klassen, die zusätzlich angewendet werden sollen
  • |link=Ein Link - Seitenlink, auf den das Bild verlinken soll. Bei fehlendem Link wird gar nicht verlinkt.
  • |valign=top/middle/... - Senkrechte Ausrichtung Auflistung der Werte (Standard: text-bottom).

Hinweise

[Bearbeiten]
  • Bevorzuge unbedingt spezialisiertere Vorlagen aus der Kategorie Symbole für Fließtext, wenn es eine passende für deinen Anwendungsfall gibt!

Beispiele

[Bearbeiten]
  • {{Symbol|Zeichen 224.svg}} ergibt .
  • {{Symbol|Zeichen 224.svg|text=Bushaltestelle}} ergibt BushaltestelleBushaltestelle.
  • {{Symbol|Zeichen 224.svg|x40px|text=Bushaltestelle|link=Mit dem Linienbus durch Deutschland}} ergibt BushaltestelleBushaltestelle.

Individuelle Gestaltung

[Bearbeiten]

Die Ausgabe des Symbols lässt sich über CSS individuell gestalten, entweder zentral über die Systemdatei Mediawiki:common.css oder über benutzerspezifische Einstellungen Benutzer:<Dein Name>/common.css. Für Programmierer ist es damit auch möglich, an diesem Feld per Javascript Änderungen vorzunehmen und Werkzeuge zu programmieren. So ließen sich beispielsweise Hovercards oder ähnliches anbinden.

Das Symbol besitzt zwei Klassen.

  • span-Tag um Bild herum:
    • .voy-symbol-inline – Diese Klasse besitzen alle Symbole, die sich im Fließtext einbinden lassen.
  • img-Tag:

TemplateData

[Bearbeiten]

Dient zur Ausgabe eines generischen Symbols.

Vorlagenparameter[Vorlagendaten bearbeiten]

ParameterBeschreibungTypStatus
Dateiname1

Dateiname des anzuzeigenden Bildes ohne File:/Image:/Datei:/Bild:-Präfix, aber mit Dateiendung

Dateierforderlich
Größe2

Größe des Bildes inklusive px-Angabe

Standard
x15px
Mehrzeiliger Textoptional
Texttext

Beschreibender Text. Dieser Text dient als Tooltip

Mehrzeiliger Textvorgeschlagen
Rahmenborder

Anzeigeeinstellungen für den Rahmen

Standard
frameless
Mehrzeiliger Textoptional
CSS-Klassenclass

Leerzeichen-getrennte Auflistung von CSS-Klassen, die zusätzlich angewendet werden sollen

Mehrzeiliger Textoptional
Linklink

Seitenlink, auf den das Bild verlinken soll. Bei fehlendem Link wird gar nicht verlinkt

URLvorgeschlagen
Senkrechte Ausrichtungvalign

keine Beschreibung

Standard
text-bottom
Mehrzeiliger Textoptional