Vorlage:Flexbox: Unterschied zwischen den Versionen

Aus KoelnWiki
Wechseln zu: Navigation, Suche
(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=#f19000|title=Testbox 123|text=
+
{{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=#f19000|title=Testbox 123|text=
+
{{Flexbox|bgcolor=#fffbf5|color=#136381|title=Testbox 123|text=
 
Lorem ipsum dolor sit amet, ...
 
Lorem ipsum dolor sit amet, ...
 
}}
 
}}

Version vom 20. Oktober 2011, 20: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 &#124; (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, ...