Vorlage:Flexbox: Unterschied zwischen den Versionen

Aus dem Rhein-Neckar-Wiki
Zur Navigation springen Zur Suche springen
K (noch etwas tweaking...)
 
(8 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<includeonly><div style="margin:5px; margin-left:0px; {{{style}}};"><div style="background:{{{color|#136381}}};  
<includeonly><div style="margin:5px; margin-left:0px;{{#if:{{{style|}}}|{{{style}}}}}"><div style="background-color:{{{color|#136381}}};  
     text-align:center;  
     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; padding:2px;">{{{title}}}</div>
     -moz-border-radius:3px 3px 0px 0px; padding:3px; padding-left:5px;{{#if:{{{titlestyle|}}}|{{{titlestyle}}}}}">{{{title}}}</div>
<div style="padding: 5px;  
<div style="padding: 5px;  
     border: 1px solid {{{color|#136381}}}; border-top-width:0px;  
     border: 1px solid {{{color|#136381}}}; border-top-width:0px;  
     color: {{{textcolor|black}}};  
     color: {{{textcolor|black}}}; background-color:{{{bgcolor|#f6fcfe}}};  
     -moz-border-radius:0px 0px 3px 3px;
     -moz-border-radius:0px 0px 3px 3px;
     background-color:{{{bgcolor|#f6fcfe}}}">
     {{#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>&amp;#124;</tt> (oder etwas leserfreundlicher: ''<nowiki><nowiki>&#124;<nowiki></nowiki>'') kann dieses Problem umgangen werden.


== Vorlagenparameter ==
== Vorlagenparameter ==
Zeile 17: 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 25: Zeile 28:
  | text || Boxinhalt
  | text || Boxinhalt
  |-
  |-
  | textcolor || Textfarbe innerhalb der Box (optional, default: black)
  | 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 oder white)
  | 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 &#124; (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, ...