Zuletzt bearbeitet vor 3 Wochen
von Xineohp1506

Vorlage:Box: Unterschied zwischen den Versionen

(id removed)
 
K (1 Version von wikivoyage:Vorlage:Box importiert)
(kein Unterschied)

Version vom 24. Oktober 2024, 12:52 Uhr

Template-info.png Dokumentation für die Vorlage {{Box}}[Ansicht] [Bearbeiten] [Versionsgeschichte] [Aktualisieren]

Verwendung

  • Funktion: Diese Vorlage dient dazu, den Textkörper und Titel von Textboxen auf den Portalseiten zu formatieren.
  • Verwendung:
    • {{Box|title=Titel|content=Vorlage|color=Nummer|1=Text}}
  • Optionale Parameter:
    • |title= Ausschrift im Kopf der Box.
    • |color= Nummer eines Farbmusters
      • 1 = Blau
      • 2 = Grün
      • 3 = Rot
    • |image= Bild in der linken oberen Ecke.
    • |content= Name der einzufügenden Vorlage.
    • |isFirst=yes Unterdrückt den oberen Rand der Box.
    • |center=yes Zentriert die Überschrift.
    • |expanded=yes Box wird einklappbar.
    • |collapsed=yes Box wird ausklappbar.
    • |styles= CSS-Stile der gesamten Box.
    • |textStyles= CSS-Stile des Textteils.
    • |imgStyles= CSS-Stile des Bild-Containers.
    • |position= left, links, right, rechts, centered, mitte: Position einer textumflossenen Box.
    • |width= Breite der Box.
    • |addClasses= Zusätzliche Klassenbezeichner.

Abgeleitete Vorlagen

Templatedata

Erstellt eine hervorgehobene Textbox

Vorlagenparameter

ParameterBeschreibungTypStatus
Titel der Textboxtitle

Der Titel wird, wenn angegeben, oberhalb der Box dargestellt.

Mehrzeiliger Textoptional
Zentrierungcenter

Bewirkt mit ja, yes die Zentrierung des Titels.

Beispiel
yes
Mehrzeiliger Textoptional
Farbmustercolor

Nummer des Farbmusters. Gegenwärtig werden 1 (Standard) und 2 unterstützt.

Zahlenwertoptional
Bildimage

Bild in der linken oberen Ecke

Einzeiliger Textoptional
Text in der Textbox1 text

Hier wird der in der Textbox darzustellende Textinhalt eingetragen.

Mehrzeiliger Texterforderlich
Name der einzufügenden Vorlagecontent

Name einer Vorlage, die den anzuzeigenden Text enthält.

Mehrzeiliger Textoptional
Oberste BoxisFirst

ja, yes, wenn die Box das oberste Element ist.

Mehrzeiliger Textoptional
Ausgeklapptexpanded

Box wird mit yes einklappbar

Beispiel
yes
Einzeiliger Textoptional
Eingeklapptcollapsed

Box wird mit yes ausklappbar

Beispiel
yes
Einzeiliger Textoptional
Positionposition

Position einer möglichen textumflossenen Box

Beispiel
left, links, right, rechts, centered, mitte
Mehrzeiliger Textoptional
Breitewidth

Breite der Box in CSS-Maßeinheiten

Beispiel
50%, 300px
Unbekanntoptional
Stilangabenstyles

Weitere CSS-Stilangaben der Box

Mehrzeiliger Textoptional
TextstiletextStyles

CSS-Stile des Textteils

Mehrzeiliger Textoptional
BildstileimgStyles

CSS-Stile des Bild-Containers

Mehrzeiliger Textoptional
KlassenaddClasses

Zusätzliche Klassenbezeichner

Einzeiliger Textoptional

CSS-Stilvorlagen

Verwendete CSS-Klassenbezeichner

Bestandteile der Box

  • voy-box-wrapper – Container für die gesamte Box.
  • voy-box-first – Für voy-box-wrapper zusätzliche Klasse, die anzeigt, dass diese Box eine von mehreren folgenden Boxen ist.
  • voy-box-header – Überschrift der Box.
  • voy-box-image – Abbildung in der Box.
  • voy-box-content – Textteil der Box.

Abgeleitete Vorlagen

Positionen der Box

  • voy-box-centered – Für voy-box-wrapper zusätzliche Klasse, die eine mittige Positionierung bewirkt.
  • voy-box-left – Für voy-box-wrapper zusätzliche Klasse, die eine linksbündige Positionierung bewirkt.
  • voy-box-right – Für voy-box-wrapper zusätzliche Klasse, die eine rechtsbündige Positionierung bewirkt.

Farben der Box

  • voy-box-var-1 – Ergänzende Klasse zu voy-box-wrapper, die die erste Farbvariante (blau) für den/die Rahmen und die Überschrift definiert.
  • voy-box-var-2 – Ergänzende Klasse zu voy-box-wrapper, die die zweite Farbvariante (grün) für den/die Rahmen und die Überschrift definiert.
  • voy-box-var-3 – Ergänzende Klasse zu voy-box-wrapper, die die dritte Farbvariante (rot) für den/die Rahmen und die Überschrift definiert.

Elemente in der Überschrift

  • voy-box-edit-link – Klasse für den Bearbeiten-Link.
  • mw-collapsible-toggle – Klasse, die anzeigt, dass ein Einklappen-Link eingefügt werden soll.
  • mw-collapsed – Klasse, die anzeigt, dass die Box eingeklappt ist.
  • mw-collapsible-content – Klasse für Elemente, die beim Einklappen ausgeblendet werden sollen.

Formatierung

  • voy-text-center – Klasse für zentrierte Darstellung in der Überschrift und im Textkörper.

Generierter HTML-Quellcode

<div class="voy-box-wrapper voy-box-var-1|voy-box-var-2|voy-box-var-3
 voy-box-centered|voy-box-left|voy-box-right voy-box-first mw-collapsible mw-collapsed addClasses"
 styles="width: width|40%; styles">

 <div class="voy-box-edit-link plainlinks">[ <a href="...">Bearbeiten</a> ]</div>
 <div class="voy-box-image mw-collapsible-content" style="imgStyles" }}>image</div>
 <div class="voy-box-header voy-text-center">title</div>
 <div class="voy-box-content mw-collapsible-content" style="textStyles" }}>{{content}}|text</div>
</div>

Siehe auch

Verwandte Vorlagen:

  • {{BoxTabs|color=Nummer|selected=Nummer|1=Reiter 1|2=Reiter 2|...}} – Fügt einen oder mehrere Kartenreiter auf einer Box ein.
  • {{Zwischentitel|Titel|center=yes|id=anId}} – Fügt eine Zwischenüberschrift ein.
  • {{MultiColsLayout|title=Titel|centerTitle=yes|intro=Text|withFrame=yes|frameColor=Nummer|col1=Text|width1=breite| ...}} – Stellt mehrere Spalten für Textboxen zur Verfügung.

Weitere Informationen

Hinweise