Zuletzt bearbeitet vor 3 Jahren
von Erich Sturmair

Vorlage:Flexbox: Unterschied zwischen den Versionen

Erich Sturmair (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Markierung: Quelltext-Bearbeitung 2017
Erich Sturmair (Diskussion | Beiträge)   2 Versionen zurücksetzen
Keine Bearbeitungszusammenfassung
Markierung: Quelltext-Bearbeitung 2017
 
Zeile 6: Zeile 6:
<div style="padding: 5px;  
<div style="padding: 5px;  
     border: 1px solid {{{color|#136381}}}; border-top-width:0px;  
     border: 1px solid {{{color|#136381}}}; border-top-width:0px;  
     color: {{{textcolor|black}}}; background-color:{{{bgcolor|#4d641b}}};  
     color: {{{textcolor|black}}}; background-color:{{{bgcolor|##6e8a2f}}};  
     padding:5px; -moz-border-radius:0px 0px 3px 3px;
     padding:5px; -moz-border-radius:0px 0px 3px 3px;
     {{{textstyle}}};">
     {{{textstyle}}};">

Aktuelle Version vom 24. November 2022, 14:47 Uhr

Vorlage zum leichten und einheitlichen Erstellen von flexibel parametrisierbaren Boxen.

Einschränkungen[Quelltext bearbeiten]

  • Keiner der Parameter darf das |-Zeichen (Pipe) enthalten, da dies als besonderes Zeichen zur Separierung der einzelnen Parameter voneinander fungiert. Diese Einschränkung bewirkt insbesondere, dass das Wiki-Markup zum Erstellen von Tabellen nicht funktioniert.

Vorlagenparameter[Quelltext bearbeiten]

Parameter Beschreibung
style CSS-Fragment für das Gesamtobjekt (optional, z.B. float:right;width:200px;)
bgcolor Hintergrundfarbe (optional, default: #f6fcfe)
color Rahmenfarbe und Titelzeile (optional, default: #136381)
text Boxinhalt
textcolor Textfarbe Boxinhalt (optional, default: black)
textstyle CSS-Fragment für den Boxinhalt (optional)
title Boxüberschrift
titlecolor Textfarbe der Titelzeile (optional, default: {{{bgcolor}}} wenn gesetzt, sonst white)
titlestyle CSS-Fragment für Titelzeile (optional)

Beispiel[Quelltext bearbeiten]

{{Flexbox|bgcolor=#fffbf5|color=#f19000|title=Testbox 123|text=
Lorem ipsum dolor sit amet, ...
}}

Dies ergibt die folgende Box:

Testbox 123

Lorem ipsum dolor sit amet, ...