Vorlage:Kachel2: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(Neu) |
K (...) |
||
| (12 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<div style="display:inline-block; width: | <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> 🏫 Ü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;"><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> | ||
<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;"><b>{{{Titel|<BIG> 🏫 Überschrift Kachel 3</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:#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> 🏫 Überschrift Kachel 3</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 zwei<small>(Standard)</small> bis | '''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 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 2: <nowiki>{{{Hintergrund}}}</nowiki> => ändert die Farbe(Hintergrund) der Kachel. <i>(* optional)</i> | ||
* Variable 3: <nowiki>{{{Titel}}}</nowiki> => definiert die Überschrift der Kachel. | * Variable 3: <nowiki>{{{Schatten}}}</nowiki> => erstellt einen 3D- Effekt um das Objekt. <i>(* optional)</i> | ||
* Variable | * Variable 4: <nowiki>{{{Titel}}}</nowiki> => definiert die Überschrift der Kachel. | ||
* Variable 5: <nowiki>{{{Inhalt}}}</nowiki> => gibt den Text in der Kachel aus. | |||
<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> | ||
::''<u>Code-Beispiel zum Einbinden</u>:'' | ::''<u>Code-Beispiel zum Einbinden</u>:'' | ||
::<nowiki>{{</nowiki>Vorlage: | ::<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><br> | ||
::<nowiki>{{</nowiki>Vorlage: | ::<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><br> | ||
::<nowiki>{{</nowiki>Vorlage: | ::<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> | ::<nowiki>}}</nowiki> | ||
:: ... usw. usf.<br><br> | :: ... usw. usf.<br><br> | ||
Aktuelle Version vom 24. Januar 2023, 23:07 Uhr
🏫 Ü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:Kachel2
|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:Kachel2
|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:Kachel2
|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!