Vorlage:Icon hinweis und Vorlage:Box: Unterschied zwischen den Seiten
(Weiterleitung nach Vorlage:Icon bullhorn erstellt) Markierungen: Neue Weiterleitung 2017-Quelltext-Bearbeitung |
KKeine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
Zeile 1: | Zeile 1: | ||
<noinclude> | |||
[[Kategorie:Vorlage:Standard]] | |||
== Boxen erstellen mittels Template == | |||
=== Das schreibt man: === | |||
<pre> | |||
{{Box| Titel | Inhalt | class }} | |||
</pre> | |||
Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (siehe Beispiele!) | |||
=== Das sieht man: === | |||
</noinclude><onlyinclude> | |||
<div style="margin: 0 auto .5rem; overflow:hidden; border-left: 10px solid {{#if: {{{3|}}} | {{#switch: {{{3}}} | |||
| Hervorhebung1 = #FFDC00 | |||
| Hervorhebung2 = #FF4136 | |||
| Zitat = #AAA | |||
| Arbeitsmethode = #0074D9 | |||
| Unterrichtsidee = #3D9970 | |||
| Meinung = #85144B | |||
| Lernpfad = #FF851B | |||
| Experimentieren = #39CCCC | |||
| Lösung = #7FDBFF | |||
| Üben = #2ECC70 | |||
| Merksatz = #FF4136 | |||
| Download = #557799 | |||
| Kurzinfo = #CCC}} | |||
| #eee }};"> | |||
<div style="height: 100%; padding: 0 1rem; "><div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 1px solid #AAA;" class="Arbeitsauftrag_Titel">{{#if: {{{3|}}} | <span style="font-size:1.95rem; vertical-align: middle;">{{#switch: {{{3}}} | |||
| Hervorhebung1 = {{icon hervorhebung}} | |||
| Hervorhebung2 = {{icon hervorhebung}} | |||
| Zitat = <span class="fa fa-quote-left" style="font-size:1.95rem; vertical-align: middle;"></span> | |||
| Arbeitsmethode = <span class="fa fa-pencil" style="font-size:1.95rem; vertical-align: middle;"></span> | |||
| Unterrichtsidee = <span class="fa fa-lightbulb-o" style="font-size:1.95rem; vertical-align: middle;"></span> | |||
| Meinung = <span class="fa fa-comment" style="font-size:1.95rem; vertical-align: middle;"></span> | |||
| Lernpfad = <span class="fa fa-compass" style="font-size:1.95em; vertical-align: middle;"></span> | |||
| Experimentieren = <span class="fa fa-flask" style="font-size:1.95rem; vertical-align: middle;"></span> | |||
| Lösung = <span class="fa fa-check-circle" style="font-size:1.95rem; vertical-align: middle;"></span> | |||
| Üben = <span class="fa fa-edit" style="font-size:1.95rem; vertical-align: middle;"></span> | |||
| Merksatz = <span class="fa fa-thumb-tack" style="font-size:1.95rem; vertical-align: middle;"></span> | |||
| Download = {{icon download}} | |||
| Kurzinfo = <span class="fa fa-info-circle" style="font-size:1.95rem; vertical-align: middle;"></span>}} | |||
| <span class="fa fa-hand-point-right" style="font-size:1.95rem; vertical-align: middle;"></span> }}</span> {{{1}}}</div><div style="padding-bottom: .5rem;"> | |||
{{{2}}}</div></div></div></onlyinclude><noinclude> | |||
=== andere Beispiele === | |||
{{Box|Hervorhebung1|mit Text für Hervorhebungen| Hervorhebung1 }} | |||
{{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}} | |||
{{Box|Zitat|mit Text für Zitate und Quellen|Zitat }} | |||
{{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode }} | |||
{{Box|Unterrichtsidee|mit Text für Unterrichtsidee|Unterrichtsidee }} | |||
{{Box|Meinung|mit Text für Meinungen|Meinung}} | |||
{{Box|Lernpfad |mit Text für Lernpfade|Lernpfad }} | |||
{{Box|Experimentieren|mit Text für Experimente und Versuche|Experimentieren}} | |||
{{Box|Lösung|mit Text für Lösungen|Lösung}} | |||
{{Box|Üben|mit Text für Übungen und Aufgaben|Üben}} | |||
{{Box|Merksatz|mit Text für Definitionen und Merksätzen|Merksatz}} | |||
{{Box|Kurzinfo|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}} | |||
=== 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-Klassen erstellen == | |||
Nicht alle Inhalte können als Parameter an Vorlagen (Templates) übergeben werden, z.B. HTML Tags im Wikitext, Tabellen und anderes. | |||
Um trotzdem Boxen im gleichen Layout wie mittels obigen Vorlagen zu erstellen, gibt es auch korrespondierende CSS-Klassen. | |||
Dazu muss der Text, der in einer Box stehen soll in einen div-Container eingefasst werden: | |||
=== Das schreibt man: === | |||
<pre> | |||
<div class="box ueben"> | |||
== Üben == | |||
... | |||
</div> | |||
</pre> | |||
=== Das sieht man: === | |||
<div class="box ueben"> | |||
== Üben == | |||
... | |||
</div> | |||
=== Folgende Boxen stehen zur Verfügung (analog oben) === | |||
<pre> | |||
<div class="box hervorhebung1"> | |||
== Hervorhebung 1 == | |||
... | |||
</div> | |||
<div class="box hervorhebung2"> | |||
== Hervorhebung 2 == | |||
... | |||
</div> | |||
<div class="box zitat"> | |||
== Zitat == | |||
... | |||
</div> | |||
<div class="box arbeitsmethode"> | |||
== Arbeitsmethode == | |||
... | |||
</div> | |||
<div class="box unterrichtsidee"> | |||
== Unterrichtsidee == | |||
... | |||
</div> | |||
<div class="box meinung"> | |||
== Meinung == | |||
... | |||
</div> | |||
<div class="box lernpfad"> | |||
== Lenrpfad == | |||
... | |||
</div> | |||
<div class="box experimentieren"> | |||
== Experimentieren == | |||
... | |||
</div> | |||
<div class="box loesung"> | |||
== Lösung == | |||
... | |||
</div> | |||
<div class="box ueben"> | |||
== Üben == | |||
... | |||
</div> | |||
<div class="box kurzinfo"> | |||
== Kurzinfo == | |||
... | |||
</div> | |||
<div class="box experimentieren"> | |||
== Experimentieren == | |||
... | |||
</div> | |||
</pre> | |||
Es müssen immmer die CSS-Klassen 'box' und ggf. die Art der Box im Beispiel oben also 'ueben' angegeben werden. | |||
'''WICHTIG:''' Die CSS-Klassennamen müssen klein geschrieben sein, Umlaute müssen ersetzt werden (ü zu ue, ß zu sz usw.) | |||
'''HINWEIS:''' Im Unterschied zur Verwendung des Templates werden die Überschriften im div-Container im Inhaltsverzeichnis aufgeführt. Insofern kann darüber auch gesteuert werden, welche Boxen im Inhaltsverzeichnis erscheinen sollen. | |||
{{Approved template}} | |||
</noinclude> | |||
__NOEDITSECTION__ | |||
<noinclude> | |||
<templatedata> | |||
{ | |||
"params": { | |||
"Typ": {}, | |||
"Überschrift": {}, | |||
"Text": {} | |||
}, | |||
"paramOrder": [ | |||
"Typ", | |||
"Überschrift", | |||
"Text" | |||
], | |||
"format": "block" | |||
} | |||
</templatedata> | |||
</noinclude> |
Version vom 25. Februar 2018, 14:04 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-Klassen erstellen
Nicht alle Inhalte können als Parameter an Vorlagen (Templates) übergeben werden, z.B. HTML Tags im Wikitext, Tabellen und anderes. Um trotzdem Boxen im gleichen Layout wie mittels obigen Vorlagen zu erstellen, gibt es auch korrespondierende CSS-Klassen. Dazu muss der Text, der in einer Box stehen soll in einen div-Container eingefasst werden:
Das schreibt man:
<div class="box ueben"> == Üben == ... </div>
Das sieht man:
Üben
...
Folgende Boxen stehen zur Verfügung (analog oben)
<div class="box hervorhebung1"> == Hervorhebung 1 == ... </div> <div class="box hervorhebung2"> == Hervorhebung 2 == ... </div> <div class="box zitat"> == Zitat == ... </div> <div class="box arbeitsmethode"> == Arbeitsmethode == ... </div> <div class="box unterrichtsidee"> == Unterrichtsidee == ... </div> <div class="box meinung"> == Meinung == ... </div> <div class="box lernpfad"> == Lenrpfad == ... </div> <div class="box experimentieren"> == Experimentieren == ... </div> <div class="box loesung"> == Lösung == ... </div> <div class="box ueben"> == Üben == ... </div> <div class="box kurzinfo"> == Kurzinfo == ... </div> <div class="box experimentieren"> == Experimentieren == ... </div>
Es müssen immmer die CSS-Klassen 'box' und ggf. die Art der Box im Beispiel oben also 'ueben' angegeben werden.
WICHTIG: Die CSS-Klassennamen müssen klein geschrieben sein, Umlaute müssen ersetzt werden (ü zu ue, ß zu sz usw.)
HINWEIS: Im Unterschied zur Verwendung des Templates werden die Überschriften im div-Container im Inhaltsverzeichnis aufgeführt. Insofern kann darüber auch gesteuert werden, welche Boxen im Inhaltsverzeichnis erscheinen sollen.
Keine Beschreibung.
Parameter | Beschreibung | Typ | Status | |
---|---|---|---|---|
Typ | Typ | keine Beschreibung | Unbekannt | optional |
Überschrift | Überschrift | keine Beschreibung | Unbekannt | optional |
Text | Text | keine Beschreibung | Unbekannt | optional |