Vorlage:Flexbox: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Mile (Diskussion | Beiträge) K (und noch etwas weiter...) |
|||
(11 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
<includeonly><div style="margin:5px | <includeonly><div style="margin:5px; margin-left:0px;{{#if:{{{style|}}}|{{{style}}}}}"><div style="background-color:{{{color|#136381}}}; | ||
text-align: | text-align:left; | ||
color: {{{titlecolor|{{{bgcolor|white}}}}}}; | color: {{{titlecolor|{{{bgcolor|white}}}}}}; | ||
font-weight:bold; font-size:125%; | font-weight:bold; font-size:125%; | ||
-moz-border-radius:3px 3px 0px 0px; | -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}}}; | ||
color: {{{textcolor|black}}}; | |||
-moz-border-radius:0px 0px 3px 3px; | -moz-border-radius:0px 0px 3px 3px; | ||
{{#if:{{{textstyle|}}}|{{{textstyle}}}}}"> | |||
{{{text}}} | {{{text}}} | ||
</div></div></includeonly><noinclude> | </div></div></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 == | == Vorlagenparameter == | ||
Zeile 18: | Zeile 20: | ||
! Parameter !! Beschreibung | ! Parameter !! Beschreibung | ||
|- | |- | ||
| style || CSS-Fragment (optional) | | style || CSS-Fragment für das Gesamtobjekt (optional, z.B. <code>float:right;width:200px;</code>) | ||
|- | |- | ||
| bgcolor || Hintergrundfarbe (optional, default: #f6fcfe) | | bgcolor || Hintergrundfarbe (optional, default: #f6fcfe) | ||
Zeile 26: | Zeile 28: | ||
| text || Boxinhalt | | text || Boxinhalt | ||
|- | |- | ||
| textcolor || Textfarbe | | textcolor || Textfarbe Boxinhalt (optional, default: black) | ||
|- | |||
| textstyle || CSS-Fragment für den Boxinhalt (optional) | |||
|- | |- | ||
| title || Boxüberschrift | | title || Boxüberschrift | ||
|- | |- | ||
| titlecolor || Textfarbe der Titelzeile (optional, default: bgcolor wenn gesetzt | | titlecolor || Textfarbe der Titelzeile (optional, default: <code><nowiki>{{{bgcolor}}}</nowiki></code> wenn gesetzt, sonst <code>white</code>) | ||
|- | |||
| titlestyle || CSS-Fragment für Titelzeile (optional) | |||
|} | |} | ||
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, ...