Vorlage:Flexbox: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Mile (Diskussion | Beiträge) (Die Seite wurde neu angelegt: <includeonly><div style="background:{{{color|#136381}}}; text-align:center; color: {{{titlecolor|{{{bgcolor|#f6fcfe}}}}}}; font-weight:bold; font-size:115%; ...) |
|||
(15 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
<includeonly><div style="background:{{{color|#136381}}}; | <includeonly><div style="margin:5px; margin-left:0px;{{#if:{{{style|}}}|{{{style}}}}}"><div style="background-color:{{{color|#136381}}}; | ||
text-align: | text-align:left; | ||
font-weight:bold; font-size: | color: {{{titlecolor|{{{bgcolor|white}}}}}}; | ||
-moz-border-radius:3px 3px 0px 0px; | font-weight:bold; font-size:125%; | ||
-moz-border-radius:3px 3px 0px 0px; padding:3px; padding-left:5px;{{#if:{{{titlestyle|}}}|{{{titlestyle}}}}}">{{{title}}}</div> | |||
<div style="padding: 5px; | |||
<div style="padding: | border: 1px solid {{{color|#136381}}}; border-top-width:0px; | ||
border: | color: {{{textcolor|black}}}; background-color:{{{bgcolor|#f6fcfe}}}; | ||
-moz-border-radius:0px 0px 3px 3px; | -moz-border-radius:0px 0px 3px 3px; | ||
{{#if:{{{textstyle|}}}|{{{textstyle}}}}}"> | |||
{{{text}}} | {{{text}}} | ||
</div> | </div></div></includeonly><noinclude> | ||
</includeonly><noinclude> | |||
Vorlage zum leichten und einheitlichen Erstellen von flexibel parametrisierbaren Boxen. | 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 <tt>&#124;</tt> (oder etwas leserfreundlicher: ''<nowiki><nowiki>|<nowiki></nowiki>'') kann dieses Problem umgangen werden. | |||
== Vorlagenparameter == | |||
{| class="wikitable" | |||
! Parameter !! Beschreibung | |||
|- | |||
| style || CSS-Fragment für das Gesamtobjekt (optional, z.B. <code>float:right;width:200px;</code>) | |||
|- | |||
| 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: <code><nowiki>{{{bgcolor}}}</nowiki></code> wenn gesetzt, sonst <code>white</code>) | |||
|- | |||
| titlestyle || CSS-Fragment für Titelzeile (optional) | |||
|} | |||
== Beispiel == | == Beispiel == | ||
<pre><nowiki> | <pre><nowiki> | ||
{{Flexbox|bgcolor=# | {{Flexbox|bgcolor=#fffbf5|color=#f19000|title=Testbox 123|text= | ||
Lorem ipsum dolor sit amet, ... | Lorem ipsum dolor sit amet, ... | ||
}} | }} | ||
</nowiki></pre> | </nowiki></pre> | ||
Dies ergibt die folgende Box | Dies ergibt die folgende Box: | ||
{{Flexbox|bgcolor=# | {{Flexbox|bgcolor=#fffbf5|color=#f19000|title=Testbox 123|text= | ||
Lorem ipsum dolor sit amet, ... | Lorem ipsum dolor sit amet, ... | ||
}} | }} |
Aktuelle Version vom 19. Juni 2011, 16:51 Uhr
Vorlage zum leichten und einheitlichen Erstellen von flexibel parametrisierbaren Boxen.
Einschränkungen[Quelltext bearbeiten]
- 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[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, ...