Vorlage:Box: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Zeile 20: Zeile 20:
| Lernpfad = #FFD341
| Lernpfad = #FFD341
| Üben = #FFD341 }} | #AAA }};"><div style="font:12pt Verdana; font-weight:bold; padding:5px; border-bottom:1px solid #AAA;" class="Arbeitsauftrag_Titel">{{#if: {{{class|}}} | {{#switch: {{{class}}}  
| Üben = #FFD341 }} | #AAA }};"><div style="font:12pt Verdana; font-weight:bold; padding:5px; border-bottom:1px solid #AAA;" class="Arbeitsauftrag_Titel">{{#if: {{{class|}}} | {{#switch: {{{class}}}  
| Bearbeiten = <span class="fa fa-pencil" style="font-size:1.9em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Pencil_font_awesome.svg{{!}}30px]]  
| Bearbeiten = <span class="fa fa-pencil" style="font-size:1.95em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Pencil_font_awesome.svg{{!}}30px]]  
| Experimentieren = <span class="fa fa-flask" style="font-size:1.9em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Beaker font awesome.svg{{!}}30px]]  
| Experimentieren = <span class="fa fa-flask" style="font-size:1.95em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Beaker font awesome.svg{{!}}30px]]  
| Merken = <span class="fa fa-bullhorn" style="font-size:1.9em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Bullhorn font awesome.svg{{!}}30px]]  
| Merken = <span class="fa fa-bullhorn" style="font-size:1.95em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Bullhorn font awesome.svg{{!}}30px]]  
| Zitieren = <span class="fa fa-quote-left" style="font-size:1.9em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Quote left font awesome.svg{{!}}30px]]  
| Zitieren = <span class="fa fa-quote-left" style="font-size:1.95em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Quote left font awesome.svg{{!}}30px]]  
| Lernpfad = <span class="fa fa-arrow-right" style="font-size:1.9em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Arrow right font awesome.svg{{!}}30px]]
| Lernpfad = <span class="fa fa-arrow-right" style="font-size:1.95em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Arrow right font awesome.svg{{!}}30px]]
| Üben = <span class="fa fa-repeat" style="font-size:1.9em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Repeat font awesome.svg{{!}}30px]] }} | [[File:Pencil_font_awesome.svg{{!}}30px]] }} <span class="fa fa-pencil" style="font-size:1.9em; vertical-align:sub; color:#000;" aria-hidden="true"></span> {{{Titel}}}</div><div style="padding:5px; font-size:11pt">{{{Inhalt}}}</div></div></div></onlyinclude><noinclude>
| Üben = <span class="fa fa-repeat" style="font-size:1.95em; vertical-align:sub; color:#000;" aria-hidden="true"></span>[[File:Repeat font awesome.svg{{!}}30px]] }} | [[File:Pencil_font_awesome.svg{{!}}30px]] }} <span class="fa fa-pencil" style="font-size:1.9em; vertical-align:sub; color:#000;" aria-hidden="true"></span> {{{Titel}}}</div><div style="padding:5px; font-size:11pt">{{{Inhalt}}}</div></div></div></onlyinclude><noinclude>


===andere Beispiele===
===andere Beispiele===

Version vom 10. Dezember 2017, 14:28 Uhr

Das schreibt man:

{{Box
| Titel = 
| Inhalt = 
| class = Bearbeiten / Experimentieren / Merken / Zitieren // diese Zeile ist optional
}}

Das sieht man:

Pencil font awesome.svg {{{Titel}}}
{{{Inhalt}}}

andere Beispiele

Pencil font awesome.svg zum Arbeiten
mit Text


Beaker font awesome.svg zum Experimentieren
mit Text


Bullhorn font awesome.svg zum Merken
mit Text


Quote left font awesome.svg Zitat
mit Text

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 fetgelegt werden.

Die Einbindung der Bilder soll perspektivisch über CSS erfolgen - das wird mittlerweile unterstützt, ist aber noch nicht zufriedenstellend umgesetzt.