Vorlage:Box: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
deutsch-lernen>Konstantin Kowalski
KKeine Bearbeitungszusammenfassung
deutsch-lernen>Konstantin Kowalski
KKeine Bearbeitungszusammenfassung
Zeile 12: Zeile 12:
==Das sieht man:==
==Das sieht man:==
</noinclude><onlyinclude>
</noinclude><onlyinclude>
<div style="border:2px solid #4682B4; margin: 0 auto 6px; background-color:#FFF; font-face: Verdana; overflow:hidden;">
<div style="border:2px solid #AAA; margin: 0 auto 6px; background-color:#FFF; font-face: Verdana; overflow:hidden;">
<div style="background-color:white; border-left: 10px solid {{#if: {{{class|}}} | {{#switch: {{{class}}}  
<div style="background-color:white; border-left: 10px solid {{#if: {{{class|}}} | {{#switch: {{{class}}}  
| Bearbeiten = red
| Bearbeiten = #FFD341
| Experimentieren = green
| Experimentieren = #318EAD
| Merken = blue
| Merken = #F63F54
| Fehler }} | lightgrey }};"><div style="font:12pt Verdana; font-weight:bold; padding:5px 5px 5px {{#if: {{{class|}}} | {{#switch: {{{class}}}
| Fehler }} | #AAA }};"><div style="font:12pt Verdana; font-weight:bold; padding:5px; border-bottom:1px solid #AAA;" class="Arbeitsauftrag_Titel">{{#if: {{{class|}}} | {{#switch: {{{class}}}  
| Bearbeiten = 50px
| Bearbeiten = [[File:Pencil_font_awesome.svg{{!}}30px]]  
| Experimentieren = 50px
| Experimentieren = [[File:Beaker font awesome.svg{{!}}30px]]  
| Merken = 50px
| Merken = [[File:Warning sign font awesome white.svg{{!}}30px]]  
| Fehler }} |  }}; border-bottom:1px solid #AAAAAA; backgound-image:url('/images/thumb/8/8b/Nuvola_Stift.png/30px-Nuvola_Stift.png');" class="Arbeitsauftrag_Titel">{{#if: {{{class|}}} | {{#switch: {{{class}}}  
| Fehler }} | [[File:Pencil_font_awesome.svg{{!}}30px]] }} <span class="fa fa-bath" aria-hidden="true"></span> {{{Titel}}}</div><div style="padding:5px; font-size:11pt">{{{Aufgabe}}}</div></div></div></onlyinclude><noinclude>
| Bearbeiten = [[Bild:Nuvola Stift.png{{!}}30px]]  
| Experimentieren = [[Bild:Nuvola Stift.png{{!}}30px]]  
| Merken = [[Bild:Nuvola Stift.png{{!}}30px]]  
| Fehler }} | [[Bild:Nuvola Stift.png{{!}}30px]] }} <span class="fa fa-bath" aria-hidden="true"></span> {{{Titel}}}</div><div style="padding:5px; font-size:11pt">{{{Aufgabe}}}</div></div></div></onlyinclude><noinclude>





Version vom 19. November 2017, 10:43 Uhr

Das schreibt man:

{{Arbeitsauftrag_ZUM
| Titel = 
| Aufgabe = 
| class = Bearbeiten / Experimentieren / Merken // diese Zeile ist optional
}}

Das sieht man:

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


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 ändern. Das Layout des Rahmens wird derzeit als CSS in dieser Vorlage formuliert - das sollte besser in eine CSS-Datei ausgelagert werden.

Die Einbindung der Bilder sollte besser über CSS erfolgen - das wird von den derzeitigen Einstellungen aber nicht unterstützt.