Vorlage:Flexbox: Unterschied zwischen den Versionen
Aus KoelnWiki
(Die Seite wurde neu angelegt: <includeonly><div style="margin:5px; margin-left:0px;{{#if:{{{style|}}}|{{{style}}}}}"><div style="background-color:{{{color|#136381}}}; text-align:left; co...) |
|||
Zeile 41: | Zeile 41: | ||
== Beispiel == | == Beispiel == | ||
<pre><nowiki> | <pre><nowiki> | ||
− | {{Flexbox|bgcolor=#fffbf5|color=# | + | {{Flexbox|bgcolor=#fffbf5|color=#136381|title=Testbox 123|text= |
Lorem ipsum dolor sit amet, ... | Lorem ipsum dolor sit amet, ... | ||
}} | }} | ||
Zeile 47: | Zeile 47: | ||
Dies ergibt die folgende Box: | Dies ergibt die folgende Box: | ||
− | {{Flexbox|bgcolor=#fffbf5|color=# | + | {{Flexbox|bgcolor=#fffbf5|color=#136381|title=Testbox 123|text= |
Lorem ipsum dolor sit amet, ... | Lorem ipsum dolor sit amet, ... | ||
}} | }} |
Version vom 20. Oktober 2011, 19:26 Uhr
Vorlage zum leichten und einheitlichen Erstellen von flexibel parametrisierbaren Boxen.
Einschränkungen
- Keiner der Parameter darf einen Senkrechten Strich (Pipe-Symbol) 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. Mit | (oder etwas leserfreundlicher: <nowiki>|<nowiki>) kann dieses Problem umgangen werden.
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=#136381|title=Testbox 123|text= Lorem ipsum dolor sit amet, ... }}
Dies ergibt die folgende Box:
Testbox 123
Lorem ipsum dolor sit amet, ...