Vorlage:Kachel: Unterschied zwischen den Versionen

Aus dieBasis Wiki
Zur Navigation springen Zur Suche springen
(neu)
 
K (test)
 
(7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<div style="display:inline-block; width:40ex; vertical-align:top; padding:1em 0.7em 0.5em 0.5em; margin:0ex auto 0.7ex 0ex;background:#f2f2f2; min-height:20em;border:0.1em solid {{{Rahmen|#87cefa}}};-moz-border-radius:6pt;-webkit-border-radius:6pt;border-radius:6pt;"><b>{{{Titel|<BIG><BIG>&nbsp;&#127979;&nbsp;&nbsp;Überschrift</BIG></BIG>}}}</b><div style="margin-left:12px;>{{{Inhalt|Hier sollte<br>dein Inhalt<br>erscheinen.}}}</div></div><noinclude>
<div style="display:inline-block; width:40ex; vertical-align:top; text-align:left; padding:1em 0.7em 0.5em 0.5em; margin:0ex auto 0.7ex 0ex;background:{{{Hintergrund|#FFFFE0}}}; min-height:20em;border:0.1em solid {{{Rahmen|#87cefa}}};-moz-border-radius:6pt;-webkit-border-radius:6pt;border-radius:6pt;{{#if:{{{Schatten|}}} |box-shadow:5px 8px 7px silver;}}"><b>{{{Titel|<BIG><BIG>&nbsp;&#127979;&nbsp;&nbsp;Überschrift</BIG></BIG>}}}</b><div style="text-align:left; margin-left:12px;>{{{Inhalt|Hier sollte<br>dein Inhalt<br>erscheinen.}}}</div></div><noinclude>
<div style="display:inline-block; width:40ex; vertical-align:top; padding:1em 0.4em 0.5em 0.5em; margin:0ex auto 0.7ex 0ex;background:#f2f2f2; min-height:20em;border:0.1em solid {{{Rahmen|red}}};-moz-border-radius:6pt;-webkit-border-radius:6pt;border-radius:6pt;"><b>{{{Titel|<BIG><BIG>&nbsp;&#127979;&nbsp;&nbsp;Überschrift Kachel Nr. 2</BIG></BIG>}}}</b><br>
<div style="display:inline-block; width:40ex; vertical-align:top; padding:1em 0.4em 0.5em 0.5em; margin:0ex auto 0.7ex 0ex;background:#f2e3a9; min-height:20em;border:0.1em solid {{{Rahmen|red}}};-moz-border-radius:6pt;-webkit-border-radius:6pt;border-radius:6pt;"><b>{{{Titel|<BIG><BIG>&nbsp;&#127979;&nbsp;&nbsp;Überschrift Kachel Nr. 2</BIG></BIG>}}}</b><br>
<div style="margin-left:12px;>{{{Inhalt|Hier sollte<br>dein Inhalt<br>erscheinen.}}}</div></div>
<div style="margin-left:12px;>{{{Inhalt|Hier sollte<br>dein Inhalt<br>erscheinen.}}}</div></div>
<div style="display:inline-block; width:40ex; vertical-align:top; padding:1em 0.4em 0.5em 0.5em; margin:0ex auto 0.7ex 0ex;background:#f2f2f2; min-height:20em;border:0.1em solid {{{Rahmen|green}}};-moz-border-radius:6pt;-webkit-border-radius:6pt;border-radius:6pt;"><b>{{{Titel|<BIG><BIG>&nbsp;&#127979;&nbsp;&nbsp;Überschrift Kachel Nr. 3</BIG></BIG>}}}</b><br>
<div style="display:inline-block; width:40ex; vertical-align:top; padding:1em 0.4em 0.5em 0.5em; margin:0ex auto 0.7ex 0ex;background:#f2f2f2; min-height:20em;border:0.1em solid {{{Rahmen|green}}};-moz-border-radius:6pt;-webkit-border-radius:6pt;border-radius:6pt;{{{Schatten|box-shadow:5px 8px 7px silver}}}"><b>{{{Titel|<BIG><BIG>&nbsp;&#127979;&nbsp;&nbsp;Überschrift Kachel Nr. 3</BIG></BIG>}}}</b><br>
<div style="margin-left:12px;>{{{Inhalt|Hier sollte<br>dein Inhalt<br>erscheinen.}}}</div></div>
<div style="margin-left:12px;>{{{Inhalt|Hier sollte<br>dein Inhalt<br>erscheinen.}}}</div></div>
<br>
<br>
'''Die Einbindung dieser Vorlage erfolgt mit drei Parametern, die in Variablen hinterlegt sind.'''
'''Die Einbindung dieser Vorlage erfolgt mit zwei<small>(Standard)</small> bis vier<small>(optional)</small> Parametern, die in Variablen hinterlegt sind.'''
* Variable 1: <nowiki>{{{Rahmen}}}</nowiki> => lässt Änderungen an der Rahmen-Farbe zu. <i>(* optional)</i>
* Variable 1: <nowiki>{{{Titel}}}</nowiki> => definiert die Überschrift der Kachel.
* Variable 2: <nowiki>{{{Titel}}}</nowiki> => definiert die Überschrift der Kachel.
* Variable 2: <nowiki>{{{Inhalt}}}</nowiki> => gibt den Text in der Kachel aus.
* Variable 3: <nowiki>{{{Inhalt}}}</nowiki> => gibt den Text in der Kachel aus.
* Variable 3: <nowiki>{{{Rahmen}}}</nowiki> => lässt Änderungen an der Rahmen-Farbe zu. <i>(* optional)</i>
* Variable 4: <nowiki>{{{Hintergrund}}}</nowiki> => ändert die Farbe(Hintergrund) der Kachel. <i>(* optional)</i>
* Variable 5: <nowiki>{{{Schatten}}}</nowiki> => Legt einen Schatten um die Box, sobald dieser Parameter bei der Einbindung mit aufgeführt wird. <i>(* optional)</i>
<br>
<br>
:'''Die Kachel(n) dienen dem plakativen Design von Navigations-Blöcken, oder Inhaltsverzeichnissen - je nach Displaygröße: übereinander<i>'''(Mobilgeräte)'''</i> und/oder nebeneinander angeordnet<i>'''(Desktop-PC)'''</i>.'''<br><br>
:'''Die Kachel(n) dienen dem plakativen Design von Navigations-Blöcken, oder Inhaltsverzeichnissen - je nach Displaygröße: übereinander<i>'''(Mobilgeräte)'''</i> und/oder nebeneinander angeordnet<i>'''(Desktop-PC)'''</i>.'''<br><br>
Zeile 16: Zeile 18:
::<nowiki>{{</nowiki>Vorlage:Kachel<br>|Rahmen= red<br>|Titel= Überschrift der 2. Kachel <i><small>(* hier kann z.B. ein Bild oder Symbol voran gestellt- bzw. die Formatierung angepasst werden)</small></i><br>|Inhalt= Inhalte der 2. Kachel.
::<nowiki>{{</nowiki>Vorlage:Kachel<br>|Rahmen= red<br>|Titel= Überschrift der 2. Kachel <i><small>(* hier kann z.B. ein Bild oder Symbol voran gestellt- bzw. die Formatierung angepasst werden)</small></i><br>|Inhalt= Inhalte der 2. Kachel.
::<nowiki>}}</nowiki><br>
::<nowiki>}}</nowiki><br>
::<nowiki>{{</nowiki>Vorlage:Kachel<br>|Rahmen= green<br>|Titel= Überschrift der 3. Kachel <i><small>(* hier kann z.B. ein Bild oder Symbol voran gestellt- bzw. die Formatierung angepasst werden)</small></i><br>|Inhalt= Inhalte der 3. Kachel.
::<nowiki>{{</nowiki>Vorlage:Kachel<br>|Rahmen= green<br>|Titel= Überschrift der 3. Kachel <i><small>(* hier kann z.B. ein Bild oder Symbol voran gestellt- bzw. die Formatierung angepasst werden)</small></i><br>|Inhalt= Inhalte der 3. Kachel<br>|Schatten=  <i><small>(* mit dem Aufruf dieses Parameters erhält die Box einen Schatten, der nach eigenen Vorstellungen verändert werden kann)</small></i>
::<nowiki>}}</nowiki>
::<nowiki>}}</nowiki>
::  ... usw. usf.<br><br>
::  ... usw. usf.<br><br>

Aktuelle Version vom 11. September 2022, 16:30 Uhr

 🏫  Überschrift
Hier sollte
dein Inhalt
erscheinen.
 🏫  Überschrift Kachel Nr. 2
Hier sollte
dein Inhalt
erscheinen.
 🏫  Überschrift Kachel Nr. 3
Hier sollte
dein Inhalt
erscheinen.


Die Einbindung dieser Vorlage erfolgt mit zwei(Standard) bis vier(optional) Parametern, die in Variablen hinterlegt sind.

  • Variable 1: {{{Titel}}} => definiert die Überschrift der Kachel.
  • Variable 2: {{{Inhalt}}} => gibt den Text in der Kachel aus.
  • Variable 3: {{{Rahmen}}} => lässt Änderungen an der Rahmen-Farbe zu. (* optional)
  • Variable 4: {{{Hintergrund}}} => ändert die Farbe(Hintergrund) der Kachel. (* optional)
  • Variable 5: {{{Schatten}}} => Legt einen Schatten um die Box, sobald dieser Parameter bei der Einbindung mit aufgeführt wird. (* optional)


Die Kachel(n) dienen dem plakativen Design von Navigations-Blöcken, oder Inhaltsverzeichnissen - je nach Displaygröße: übereinander(Mobilgeräte) und/oder nebeneinander angeordnet(Desktop-PC).

Code-Beispiel zum Einbinden:
{{Vorlage:Kachel
|Rahmen= #ff0000
|Titel= Deine Überschrift (* hier kann z.B. ein Bild oder Symbol voran gestellt- bzw. die Formatierung angepasst werden)
|Inhalt= Hier wird der gesamte Inhalt eingegeben; ggf. als Liste formatiert, oder im Blocksatz, etc.
}}
{{Vorlage:Kachel
|Rahmen= red
|Titel= Überschrift der 2. Kachel (* hier kann z.B. ein Bild oder Symbol voran gestellt- bzw. die Formatierung angepasst werden)
|Inhalt= Inhalte der 2. Kachel.
}}
{{Vorlage:Kachel
|Rahmen= green
|Titel= Überschrift der 3. Kachel (* hier kann z.B. ein Bild oder Symbol voran gestellt- bzw. die Formatierung angepasst werden)
|Inhalt= Inhalte der 3. Kachel
|Schatten= (* mit dem Aufruf dieses Parameters erhält die Box einen Schatten, der nach eigenen Vorstellungen verändert werden kann)
}}
... usw. usf.

WICHTIG: Die einzelnen Objekte erscheinen nur nebeneinander, wenn zwischen der schließenden Klammer und der öffnenden geschweiften Klammer der einzelnen Kacheln keine weiteren Zeichen, oder Abstände stehen!