Vorlage:BoxModern: Unterschied zwischen den Versionen

Versionsgeschichte interaktiv durchsuchen

[gesichtete Version]

← Zum vorherigen Versionsunterschied

@@ Zeile 1: / Zeile 1: @@
-<includeonly><div style="padding: 4px; margin-top: 5px; float:{{{3|center}}}; width:{{{2|100}}}%; border: outset {{{4|4}}}px #aaa; -moz-border-radius: 1em; -webkit-border-radius: 1em;">{{{1|Text}}}</div></includeonly><noinclude>{{Hinweisbox|Dies Vorlage erzeugt eine Box in modernem Design.}}
+<includeonly><div style="width: 80%; overflow: hidden; margin:4px auto; position: relative; border:1px solid #A7D7F9; box-shadow: 0px 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);">
-==Parameter==
+<div style="font-weight: bold; font-family: helvetica, sans-serif; background-color: #fbfbfb; background-image: linear-gradient(to top, #fbfbfb, #f0f0f0); background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f0f0f0)); color: #1C4564; text-align: center; top: 50%; margin:auto; width:100%;font-size:1.2em;">
-# Text
+<div style="padding: 0.5em 0;">
-# Breite der Box (in Prozent) '''optional''', standardmäßig ''100%''
+{{{Titel}}}
-# Ausrichtung der Box (left, right) '''optional''', standardmäßig ''left''
+</div>
-# Randstärke (in Pixel) '''optional''', standardmäßig ''4 Pixel''
+<div style="font-weight: normal; font-size: 100%; padding-bottom: {{{Padding-Bottom|0.5}}}em;">{{{Inhalt|}}}
-Beispiel:<code><nowiki>{{BoxModern|Beispieltext|40|left|4}}</nowiki></code> ergibt:
+</div>
-<div style="padding: 4px; margin-top: 5px; float:left; width:40%; border: outset 4px #aaa; -moz-border-radius: 1em; -webkit-border-radius: 1em;">Beispieltext</div></noinclude>
+</div>
+</div></includeonly><noinclude>{{Hinweisbox|Dies Vorlage erzeugt eine Box in modernem Design.}}
+== Parameter ==
+'''1. Parameter:''' <code>Titel</code>
+:Gibt die Überschrift der Box an
+'''2. Parameter:''' <code>Inhalt</code>
+:Gibt den Inhalt der Box an ('''optional''')
+== Beispiel ==
+<pre>
+{{BoxModern
+| Titel = Herzlich willkommen
+| Inhalt = Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.
+}}</pre>
+ergibt:
+<div style="width: 80%; overflow: hidden; margin:4px auto; position: relative; border:1px solid #A7D7F9; box-shadow: 0px 1px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);">
+<div style="font-weight: bold; font-family: helvetica, sans-serif; background-color: background-color: #fbfbfb; background-image: -moz-linear-gradient(top, #fbfbfb, #f0f0f0); background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f0f0f0)); ; color: #1C4564; text-align: center; top: 50%; margin:auto; width:100%;font-size:1.2em;">
+<div style="padding: 0.5em 0;">
+{{#if: Herzlich willkommen|Herzlich willkommen|}}
+</div>
+<div style="font-weight: normal; font-size:100%; padding-bottom: 0.5em;">{{#if: Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.|Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.|}}
+</div>
+</div>
+</div>
+[[Kategorie:Boxvorlagen|BoxModern]]</noinclude>