Quelltext der Seite Vorlage:Kachel2

<templatestyles src="Kachel2/style.css" /><div class="move" style="display:inline-block; width:36ex; box-sizing:border-box; vertical-align:top; text-align:left; overflow:hidden; padding:1em 0.7em 0.5px 0.5em; margin:0ex auto 0.7ex 0ex;background:{{{Hintergrund|#f2f2f2}}}; height:18.5em; border:0.1em solid {{{Rahmen|#87cefa}}};-moz-border-radius:6pt;-webkit-border-radius:6pt;border-radius:6pt;{{{Schatten|box-shadow:5px 8px 7px silver}}};"><b>{{{Titel|<BIG>&nbsp;&#127979;&nbsp;&nbsp;Überschrift</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:34ex; vertical-align:top; padding:1em 0.4em 0.5em 0.5em; margin:0ex auto 0.7ex 0ex;background:#f2e3a9; min-height:17em;border:0.1em solid {{{Rahmen|red}}};-moz-border-radius:6pt;-webkit-border-radius:6pt;border-radius:6pt;box-shadow:5px 8px 7px silver;;"><b>{{{Titel|<BIG>&nbsp;&#127979;&nbsp;&nbsp;Überschrift Kachel 2</BIG>}}}</b><br>
<div style="margin-left:12px;>{{{Inhalt|Hier sollte<br>dein Inhalt<br>erscheinen.}}}</div></div>
<div style="display:inline-block; width:34ex; vertical-align:top; padding:1em 0.4em 0.5em 0.5em; margin:0ex auto 0.7ex 0ex;background:#33FFFF; min-height:17em;border:0.1em solid {{{Rahmen|green}}};-moz-border-radius:6pt;-webkit-border-radius:6pt;border-radius:6pt;box-shadow:5px 8px 7px silver;"><b>{{{Titel|<BIG>&nbsp;&#127979;&nbsp;&nbsp;Überschrift Kachel 3</BIG>}}}</b><br>
<div style="margin-left:12px;>{{{Inhalt|Hier sollte<br>dein Inhalt<br>erscheinen.}}}</div></div>
<br>
'''Die Einbindung dieser Vorlage erfolgt mit zwei<small>(Standard)</small> bis fünf<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 2: <nowiki>{{{Hintergrund}}}</nowiki> => ändert die Farbe(Hintergrund) der Kachel. <i>(* optional)</i>
* Variable 3: <nowiki>{{{Schatten}}}</nowiki> => erstellt einen 3D- Effekt um das Objekt. <i>(* optional)</i>
* Variable 4: <nowiki>{{{Titel}}}</nowiki> => definiert die Überschrift der Kachel.
* Variable 5: <nowiki>{{{Inhalt}}}</nowiki> => gibt den Text in der Kachel aus.
<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>
::''<u>Code-Beispiel zum Einbinden</u>:''
::<nowiki>{{</nowiki>Vorlage:Kachel2<br>|Rahmen= #ff0000<br>|Titel= Deine Überschrift <i><small>(* hier kann z.B. ein Bild oder Symbol voran gestellt- bzw. die Formatierung angepasst werden)</small></i><br>|Inhalt= Hier wird der gesamte Inhalt eingegeben; ggf. als Liste formatiert, oder im Blocksatz, etc.
::<nowiki>}}</nowiki><br>
::<nowiki>{{</nowiki>Vorlage:Kachel2<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>Vorlage:Kachel2<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>
::   ... usw. usf.<br><br>
'''''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!''
<br><br><br>
</noinclude>
<noinclude>
[[Kategorie:Vorlage]]
</noinclude>