Vorlage:Box: Unterschied zwischen den Versionen
KKeine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
KKeine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
| Zeile 1: | Zeile 1: | ||
<noinclude> | <noinclude> | ||
[[Kategorie:Vorlage:Standard]] | [[Kategorie:Vorlage:Standard]] | ||
==Das schreibt man:== | == Boxen erstellen mittels Template == | ||
=== Das schreibt man: === | |||
<pre> | <pre> | ||
{{Box| Titel | Inhalt | class }} | {{Box| Titel | Inhalt | class }} | ||
| Zeile 7: | Zeile 8: | ||
Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (siehe Beispiele!) | Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (siehe Beispiele!) | ||
==Das sieht man:== | == Das sieht man: == | ||
</noinclude><onlyinclude> | </noinclude><onlyinclude> | ||
<div style="height: 100%; margin: 0 auto .5rem; overflow:hidden; background-color:#FAFAFA"> | <div style="height: 100%; margin: 0 auto .5rem; overflow:hidden; background-color:#FAFAFA"> | ||
| Zeile 39: | Zeile 40: | ||
{{{2}}}</div></div></div></onlyinclude><noinclude> | {{{2}}}</div></div></div></onlyinclude><noinclude> | ||
===andere Beispiele=== | === andere Beispiele === | ||
{{Box|Hervorhebung1|mit Text für Hervorhebungen| Hervorhebung1 }} | {{Box|Hervorhebung1|mit Text für Hervorhebungen| Hervorhebung1 }} | ||
| Zeile 65: | Zeile 66: | ||
{{Box|Kurzinfo|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}} | {{Box|Kurzinfo|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}} | ||
==Hinweise zur Gestaltung dieser Vorlage== | === Hinweise zur Gestaltung dieser Vorlage === | ||
Diese Vorlage kann für verschiedene Elemente angepasst werden. Dazu kann die Farbe des linken Balkens und das in der Titelzeile eingeblendete Bild an dieser zentralen Stelle für alle Seiten festgelegt werden. | Diese Vorlage kann für verschiedene Elemente angepasst werden. Dazu kann die Farbe des linken Balkens und das in der Titelzeile eingeblendete Bild an dieser zentralen Stelle für alle Seiten festgelegt werden. | ||
== Alternativ: Boxen mittels div-Containern und CSS-Klasse erstellen == | |||
Nicht alle Inhalte können als Parameter an Templates übergeben werden, z.B. HTML Tags im Wikitext, Tabellen und anderes. | |||
Um trotzdem Boxen im gleichen Layout wie beim Template oben zu erstellen, gibt es auch korrospondierende CSS-Klassen. | |||
Dazu muss der Text, der in einer Box stehen soll in einen div-Container eingefasst werden: | |||
<pre> | |||
<div class="box ueben"> | |||
== Üben == | |||
... | |||
</div> | |||
</pre> | |||
Es müssen immmer die Klassen 'box' und ggf. die Art der Box im Beispiel oben also 'ueben' angegeben werden. | |||
</noinclude> | </noinclude> | ||
Version vom 23. Februar 2018, 09:53 Uhr
Boxen erstellen mittels Template
Das schreibt man:
{{Box| Titel | Inhalt | class }}
Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (siehe Beispiele!)
Das sieht man:
andere Beispiele
Hinweise zur Gestaltung dieser Vorlage
Diese Vorlage kann für verschiedene Elemente angepasst werden. Dazu kann die Farbe des linken Balkens und das in der Titelzeile eingeblendete Bild an dieser zentralen Stelle für alle Seiten festgelegt werden.
Alternativ: Boxen mittels div-Containern und CSS-Klasse erstellen
Nicht alle Inhalte können als Parameter an Templates übergeben werden, z.B. HTML Tags im Wikitext, Tabellen und anderes. Um trotzdem Boxen im gleichen Layout wie beim Template oben zu erstellen, gibt es auch korrospondierende CSS-Klassen. Dazu muss der Text, der in einer Box stehen soll in einen div-Container eingefasst werden:
<div class="box ueben"> == Üben == ... </div>
Es müssen immmer die Klassen 'box' und ggf. die Art der Box im Beispiel oben also 'ueben' angegeben werden.
