imported>Sturmair admin Die Seite wurde neu angelegt: „<includeonly><div style="margin:5px; margin-left:0px; {{{style}}};"><div style="background-color:{{{color|#136381}}}; text-align:left; color: {{{ti…“ |
imported>Erich.sturmair Keine Bearbeitungszusammenfassung |
||
| Zeile 5: | Zeile 5: | ||
-moz-border-radius:3px 3px 0px 0px; padding:3px; padding-left:6px; {{{titlestyle}}};">{{{title}}}</div> | -moz-border-radius:3px 3px 0px 0px; padding:3px; padding-left:6px; {{{titlestyle}}};">{{{title}}}</div> | ||
<div style="padding: 5px; | <div style="padding: 5px; | ||
border: 1px solid {{{color|#136381}}}; border-top-width: | border: 1px solid {{{color|#136381}}}; border-top-width:0.5em; | ||
color: {{{textcolor|black}}}; background-color:{{{bgcolor|#f6fcfe}}}; | color: {{{textcolor|black}}}; background-color:{{{bgcolor|#f6fcfe}}}; | ||
padding:5px; -moz-border-radius:0px 0px 3px 3px; | padding:5px; -moz-border-radius:0px 0px 3px 3px; | ||
Version vom 8. Oktober 2021, 10:25 Uhr
Vorlage zum leichten und einheitlichen Erstellen von flexibel parametrisierbaren Boxen.
Einschränkungen
- 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
| 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
{{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, ...