Vorlage:Thumbnailbox: Unterschied zwischen den Versionen
Aus KGS-Wiki
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}}“) |
Sn (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
<div class="thumb | <onlyinclude><div class="thumb t{{{ALIGN|right}}} {{{CLASS|}}}" style="{{{STYLE|}}}"> | ||
<div class="thumbinner"> | <div class="thumbinner"> | ||
{{{INHALT}}} | {{{INHALT}}} | ||
{{#if:{{{CAPTION|}}}|<div class="thumbcaption">{{{CAPTION}}}</div>|}}</div></div> | {{#if:{{{CAPTION|}}}|<div class="thumbcaption">{{{CAPTION}}}</div>|}}</div></div></onlyinclude> | ||
{{Dokumentation}} | {{Dokumentation}} |
Aktuelle Version vom 30. März 2023, 13:57 Uhr
{{{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
Parameter | Beschreibung | Typ | Status | |
---|---|---|---|---|
Inhalt | INHALT | Was anstelle eines Bildes in der Thumbnailbox dargestellt werden soll.
| Datei | erforderlich |
Bildunterschrift | CAPTION | Eine Bildunterschrift, die auch leer bleiben darf.
| Inhalt | optional |
Ausrichtung | ALIGN | Die Ausrichtung der Box, darf auch leer bleiben
| Zeichenfolge | optional |
Stilvorgaben | STYLE | Weitere CSS-Regeln für diese Box
| Inhalt | optional |
CSS-Klasse(n) | CLASS | Weitere CSS-Klassen für diese Thumbnailbox | Unbekannt | optional |
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).
{{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 }}