Vorlage:Thumbnailbox

Aus KGS-Wiki
Version vom 29. März 2023, 06:31 Uhr von Sn (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „<div class="thumb tright"> <div class="thumbinner"> {{{INHALT}}} {{#if:{{{CAPTION|}}}|<div class="thumbcaption">{{{CAPTION}}}</div>|}}</div></div> {{Dokumentation}}“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

{{{INHALT}}}

Diese Vorlage erzeugt eine Thumbnail-Box, wie sie für Bilder mit |thumb erzeugt werden kann, allerdings für beliebige Inhalte, z.B. Mermaid-Graphen oder mathematische Formeln

Vorlagenparameter

Diese Vorlage bevorzugt Blockformatierung von Parametern.

ParameterBeschreibungTypStatus
InhaltINHALT

Was anstelle eines Bildes in der Thumbnailbox dargestellt werden soll.

Beispiel
Mermaid-Graphen, mathematische Formeln usw.
Dateierforderlich
BildunterschriftCAPTION

Eine Bildunterschrift, die auch leer bleiben darf.

Beispiel
"Ein gerichteter Graph mit negativen Kantengewichten
Inhaltoptional
AusrichtungALIGN

Die Ausrichtung der Box, darf auch leer bleiben

Standard
right
Beispiel
left, right, center
Zeichenfolgeoptional
StilvorgabenSTYLE

Weitere CSS-Regeln für diese Box

Beispiel
background-color: #c0ffee;
Inhaltoptional
CSS-Klasse(n)CLASS

Weitere CSS-Klassen für diese Thumbnailbox

Unbekanntoptional

Beispiel

Der rechts stehende Code erzeugt das links stehende Thumbnail (für Nutzys von Mobilgeräten: das oben stehende Thumbnail wird vom untenstehenden Code erzeugt).

Ein Beispielgraph

Vorlagenschleife entdeckt: Vorlage:Dokumentation

{{Thumbnailbox
|INHALT={{#mermaid:graph LR
a((A))
b((B))
c((C))
d((D))
e((E))
a -- 3 --- b
a -- 1 --- c
b -- 7 --- c
b -- 5 --- d
b -- 1 --- e
c -- 2 --- d
d -- 7 --- e
}}
|CAPTION=Ein Beispielgraph
}}