Hilfe:Box: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
(duplicate content: Hilfeseite in Dokumentation der vorlage integriert)
Markierungen: Neue Weiterleitung 2017-Quelltext-Bearbeitung
 
(7 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Hilfe Navigation}}
#redirect [[Vorlage:Box]]
Für das einheitliche Hervorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden. 
 
'''Ein Beispiel'''
<div class="grid">
<div class="width-1-2">
'''Das schreibt man:'''
<pre>{{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}}</pre>
 
Man kann zur besseren Übersichtlichkeit auf Zeilenumbrüche einfügen:
 
<pre>{{Box|Hier ist die Überschrift|
 
Hier steht der Inhalt, der in der Box angezeigt wird.
 
|Merksatz}}</pre>
 
</div>
<div class="width-1-2">
'''Das sieht man:'''
{{Box|Hier ist die Überschrift|Hier steht der Inhalt, der in der Box angezeigt wird.|Merksatz}}
</div>
</div>
 
==Vorlagen für Boxen==
Für das einheitliche Hevorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden. 
Mehr Infos dazu findet man auf der Seite [[Vorlage:Box|Vorlage:Box]].
<div class="grid">
<div class="width-1-2">
 
Verkürzt wird die Vorlage so verwendet:
<pre>{{Box|<Überschrift>|<Inhalt>|<Klasse>}}</pre>
</div>
<div class="width-1-2"></div>
</div>
 
 
* Die Überschrift (nach <code><nowiki>{{Box|</nowiki></code> und vor dem nächsten <code><nowiki>|</nowiki></code>) ist frei wählbar.
* Die '''Klasse''' gibt an, welche Farbe und welches Icon verwendet wird. Als '''Klassen '''stehen folgende Varianten zur Verfügung:
 
<div class="grid">
<div class="width-1-2">
 
'''Hervorhebung 1'''
<pre>
{{Box|Hervorhebung1|...| Hervorhebung1}}
</pre>
</div>
<div class="width-1-2">
{{Box|Hervorhebung1|...| Hervorhebung1}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Hervorhebung 2'''
<pre>
{{Box|Hervorhebung2|...|Hervorhebung2}}
</pre>
</div>
<div class="width-1-2">
{{Box|Hervorhebung2|...|Hervorhebung2}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Üben'''
<pre>
{{Box|Üben|...|Üben}}
</pre>
</div>
<div class="width-1-2">
{{Box|Üben|...|Üben}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Zitat'''
<pre>
{{Box|Zitat|....|Zitat}}
</pre>
</div>
 
<div class="width-1-2">
{{Box|Zitat|....|Zitat}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Arbeitsmethode'''
<pre>
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
</pre>
</div>
 
<div class="width-1-2">
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Unterrichtsidee'''
<pre>
{{Box|Idee|...|Unterrichtsidee }}
</pre>
</div>
<div class="width-1-2">
{{Box|Idee|...|Unterrichtsidee }}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Meinung'''
<pre>
{{Box|Meinung|...|Meinung}}
</pre>
</div>
 
<div class="width-1-2">
{{Box|Meinung|...|Meinung}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Lernpfad'''
<pre>
{{Box|Lernpfad|...|Lernpfad}}
</pre>
</div>
<div class="width-1-2">
{{Box|Lernpfad|...|Lernpfad}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Lösung'''
<pre>
{{Box|Lösung|...|Lösung}}
</pre>
</div>
<div class="width-1-2">
{{Box|Lösung|...|Lösung}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Merksatz'''
<pre>
{{Box|Merke|...|Merksatz}}
</pre>
</div>
<div class="width-1-2">
{{Box|Merke|...|Merksatz}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Kurzinfo'''
<pre>
{{Box|Info|...|Kurzinfo}}
</pre>
</div>
<div class="width-1-2">
{{Box|Info|...|Kurzinfo}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Experimentieren'''
<pre>
{{Box|Experiment|...|Experimentieren}}
</pre>
</div>
<div class="width-1-2">
{{Box|Experiment|...|Experimentieren}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Download'''
<pre>
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
</pre>
</div>
 
<div class="width-1-2">
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
'''Frage'''
<pre>
{{Box|Frage|mit einer Frage|Frage}}
</pre>
</div>
 
<div class="width-1-2">
{{Box|Frage|mit einer Frage|Frage}}
</div>
</div>
 
 
{{Box|1=Mögliche Probleme|2=
Es gibt '''verschiedene Gründe, warum das Box_Design nicht richtig verwendet wird'''. Grund sind bestimmte Symbole, die die Vorlage verwirren, das kann z.B. '''bei Links''' der Fall sein. Das Problem umgehen kann man, indem man vor dem Inhalt schreibt "2=" und für die Kategorie "3=". Meist muss beides kombiniert werden, wenn scheinbar die Kategorie als Inhalt genommen wird.
 
Weiterhin machen Tabellen in dem Inhalt ein Problem. Bei diesem und allen anderen Problemen gibt es eine alternative Möglichkeit, wie man diese "Box" erzeugen kann.
 
Man schreibt also
 
<pre>{{Box|1=<Überschrift>|2=<Inhalt>|3=<Klasse>}}</pre>
 
Wenn möglich sollte man auf die Verwendung von Tabellen verzichten. Falls das nicht möglich ist gibt es einige Vorlagen die man für Tabellen innerhalb einer Box verwenden kann. Es ist darauf zu achten, dass die Zeichen (Vorlagen) für die Tabellenerstellung jeweils am Anfang einer Zeile stehen.
{{(!}} class="wikitable"
{{!+}} Tabellensyntaxersetzungen innerhalb von Boxen (oder anderen Templates)
{{!-}}
!
! Wikisyntax
! Ersetzung innerhalb einer Box
{{!-}}
! Tabellenbeginn
{{!}} <code><nowiki>{|</nowiki></code>
{{!}} <code><nowiki>{{(!}}</nowiki></code>
{{!-}}
! Tabellenüberschrift
{{!}} <code><nowiki>|+</nowiki></code>
{{!}} <code><nowiki>{{!+}}</nowiki></code>
{{!-}}
! Zeilenbeginn
{{!}} <code><nowiki>|-</nowiki></code>
{{!}} <code><nowiki>{{!-}}</nowiki></code>
{{!-}}
! Zellenbeginn
{{!}} <code><nowiki>{|</nowiki></code>
{{!}} <code><nowiki>{{!}}</nowiki></code>
{{!-}}
! Überschriftenzelle
{{!}} <code><nowiki>!</nowiki></code>
{{!}} <code><nowiki>!</nowiki></code> (keine Ersetzung notwendig)
{{!-}}
! Tabellenende
{{!}} <code><nowiki>|}</nowiki></code>
{{!}} <code><nowiki>{{!)}}</nowiki></code>
{{!)}}
 
 
 
{{2Spalten
|1=
Einfache Tabelle (in wikisyntax)
<pre>
{|
|-
| Zeile 1 / Spalte A
| Zeile 1 / Spalte B
|-
| Zeile 2 / Spalte A
| Zeile 2 / Spalte B
|}
</pre>
|2=
Einfachen Tabelle innerhalb der Box:
<pre>
{{(!}}
{{!-}}
{{!}} Zelle 1A
{{!}} Zelle 1B
{{!-}}
{{!}} Zelle 2A
{{!}} Zelle 2B
{{!)}}
</pre>
}}
 
 
Hier ein komplizierteres Beispiel:
 
{{(!}} class="wikitable"
{{!+}} Eine Tabellenüberschrift
{{!}}
! Spaltenkopf A
! Spaltenkopf B
{{!-}}
! Zeilenkopf
{{!}} Zelle 1A
{{!}} Zelle 1B
{{!-}}
{{!}} 
{{!}} Zelle 2A
{{!}} Zelle 2B
{{!-}}
{{!}}
{{!}} Das Zeichen <nowiki>{|</nowiki> für den Tabellenstart wird durch die Vorlage <pre>{{(!}}</pre> ersetzt.
{{!}} Das Zeichen <nowiki>|}</nowiki> für das Tabellenende wird durch die Vorlage <pre>{{!)}}</pre> ersetzt.
{{!-}}
{{!}}
{{!}} Das Zeichen <nowiki>|-</nowiki> für den Zeilenstart wird durch die Vorlage <pre>{{!-}}</pre> ersetzt.
{{!}} Das Zeichen <nowiki>|</nowiki> für den Zellenstart wird durch die Vorlage <pre>{{!}}</pre> ersetzt.
{{!-}}
{{!}} 
{{!}} colspan="2" {{!}} eine Zelle die über mehrere Spalten ausgedehnt ist.
{{!)}}
 
Und hier der zugehörige Quelltext für die Tabelle innerhalb einer Box (oder eines anderen TemplateS)
<pre>
{{(!}} class="wikitable"
{{!+}} Eine Tabellenüberschrift
{{!}}
! Spaltenkopf A
! Spaltenkopf B
{{!-}}
! Zeilenkopf
{{!}} Zelle 1A
{{!}} Zelle 1B
{{!-}}
{{!}} 
{{!}} Zelle 2A
{{!}} Zelle 2B
{{!-}}
{{!}}
{{!}} Das Zeichen <nowiki>{|</nowiki> für den Tabellenstart wird durch die Vorlage <pre>{{(!}}</pre> ersetzt.
{{!}} Das Zeichen <nowiki>|}</nowiki> für das Tabellenende wird durch die Vorlage <pre>{{!)}}</pre> ersetzt.
{{!-}}
{{!}}
{{!}} Das Zeichen <nowiki>|-</nowiki> für den Zeilenstart wird durch die Vorlage <pre>{{!-}}</pre> ersetzt.
{{!}} Das Zeichen <nowiki>|</nowiki> für den Zellenstart wird durch die Vorlage <pre>{{!}}</pre> ersetzt.
{{!-}}
{{!}} 
{{!}} colspan="2" {{!}} eine Zelle die über mehrere Spalten ausgedehnt ist.
{{!)}}
</pre>
 
|3=Hervorhebung2}}
 
Die Namen der Klassen und das Aussehen aller Varianten, sowie die alternative Nutzungsmöglichkeit, findet man auf der Seite&nbsp;→&nbsp;[[Vorlage:Box|'''Vorlage mit verschiedenen Kästen''']]
 
Wenn die Auswahl nicht ausreicht gibt es mit der [[:Vorlage:Box-spezial]] die Möglichkeit viele Parameter der Vorlage beim Einbinden selbst anzupassen.
 
[[Kategorie:Hilfe]]

Aktuelle Version vom 26. Mai 2022, 05:49 Uhr

Weiterleitung nach: