Vorlage:Kachel2: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
K (box shadow addd) |
K (syntax) |
||
| Zeile 1: | Zeile 1: | ||
<div style="display:inline-block; width:34ex; vertical-align:top; text-align:left; padding:1em 0.7em 0.5em 0.5em; margin:0ex auto 0.7ex 0ex;background:{{{Hintergrund|#f2f2f2}}}; min-height:17em;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> 🏫 Ü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; text-align:left; padding:1em 0.7em 0.5em 0.5em; margin:0ex auto 0.7ex 0ex;background:{{{Hintergrund|#f2f2f2}}}; min-height:17em;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> 🏫 Ü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> 🏫 Überschrift Kachel 2</BIG>}}}</b><br> | <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> 🏫 Überschrift Kachel 2</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> | ||
Version vom 20. Juni 2022, 16:42 Uhr
🏫 Überschrift
Hier sollte
dein Inhalt
erscheinen.
dein Inhalt
erscheinen.
🏫 Überschrift Kachel 2
Hier sollte
dein Inhalt
erscheinen.
dein Inhalt
erscheinen.
🏫 Überschrift Kachel 3
Hier sollte
dein Inhalt
erscheinen.
dein Inhalt
erscheinen.
Die Einbindung dieser Vorlage erfolgt mit zwei(Standard) bis fünf(optional) Parametern, die in Variablen hinterlegt sind.
- Variable 1: {{{Rahmen}}} => lässt Änderungen an der Rahmen-Farbe zu. (* optional)
- Variable 2: {{{Hintergrund}}} => ändert die Farbe(Hintergrund) der Kachel. (* optional)
- Variable 3: {{{Schatten}}} => erstellt einen 3D- Effekt um das Objekt. (* optional)
- Variable 4: {{{Titel}}} => definiert die Überschrift der Kachel.
- Variable 5: {{{Inhalt}}} => gibt den Text in der Kachel aus.
- 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. - }}
- ... 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!