Vorlage:2-Klappen: Unterschied zwischen den Versionen
(Die Seite wurde neu angelegt: „{{#tag:html| <div class="row-30"> <div class="col-sm-6"> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="t…“) |
|||
| (26 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| + | = Aussehen der Vorlage = | ||
| + | <onlyinclude> | ||
{{#tag:html| | {{#tag:html| | ||
| − | <div class="row-30"> | + | <div class="row-30 clearfix"> |
| + | <div class="col-sm-12"> | ||
| + | {{#if:{{{Frage|}}}|<h2>{{{Frage}}}</h2>|}} | ||
| + | <span class="p"> | ||
| + | }}{{{Erläuterung|}}}{{#tag:html| | ||
| + | </span> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="row-30 clearfix 2-Quiz"> | ||
<div class="col-sm-6"> | <div class="col-sm-6"> | ||
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> | <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> | ||
<div class="panel-heading" role="tab" id="headingOne"> | <div class="panel-heading" role="tab" id="headingOne"> | ||
| − | <div class="klappe- | + | <div class="klappe-{{{h|h3}}} {{#switch: {{{Richtig}}} |1=true |2=false }}"> |
| − | <a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{{ID | + | <a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{{ID}}}1" aria-expanded="true" aria-controls="{{{ID}}}1"> |
{{{Titel-1|Beispieltitel}}} | {{{Titel-1|Beispieltitel}}} | ||
</a> | </a> | ||
| Zeile 13: | Zeile 23: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="{{{ID | + | <div id="{{{ID}}}1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> |
<div class="panel-body"> | <div class="panel-body"> | ||
<p> | <p> | ||
| − | {{{Text-1|Beispieltext für zwei Klappen.}}} | + | }}{{{Text-1|Beispieltext für zwei Klappen.}}}{{#tag:html| |
</p> | </p> | ||
</div> | </div> | ||
| Zeile 25: | Zeile 35: | ||
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> | <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> | ||
<div class="panel-heading" role="tab" id="headingOne"> | <div class="panel-heading" role="tab" id="headingOne"> | ||
| − | + | <div class="klappe-{{{h|h3}}} {{#switch: {{{Richtig}}} |2=true |1=false }}"> | |
| − | <a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{{ID | + | <a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{{ID}}}2" aria-expanded="true" aria-controls="{{{ID}}}2"> |
{{{Titel-2|Beispieltitel}}} | {{{Titel-2|Beispieltitel}}} | ||
</a> | </a> | ||
| Zeile 34: | Zeile 44: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div id="{{{ID | + | <div id="{{{ID}}}2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> |
<div class="panel-body"> | <div class="panel-body"> | ||
<p> | <p> | ||
| − | {{{Text-2|Beispieltext für zwei Klappen.}}} | + | }}{{{Text-2|Beispieltext für zwei Klappen.}}}{{#tag:html| |
</p> | </p> | ||
</div> | </div> | ||
| Zeile 44: | Zeile 54: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
}} | }} | ||
| + | </onlyinclude> | ||
| + | <noinclude> | ||
| + | |||
| + | = Kopiervorlage = | ||
| + | <pre> | ||
| + | {{2-Klappen | ||
| + | |||
| + | |ID = | ||
| + | Eine möglichst eindeutige ID. Tauchen zwei gleiche IDs auf einer Seite auf funktionieren die Klappen nicht. | ||
| + | |||
| + | |h = | ||
| + | Setzt die Größe der Klappe: h1, h2 oder h3. Standardmäßig ist h2 gesetzt. | ||
| + | |||
| + | |Frage = | ||
| + | Hier kommt, wenn gewünscht eine Frage hin. | ||
| + | |||
| + | |Erläuterung = | ||
| + | Hier kommt die Erläuterung zur Frage hin. | ||
| + | |||
| + | |Titel-1 = | ||
| + | Titel-1 der Klappe. | ||
| + | |||
| + | |Untertitel-1 = | ||
| + | Untertitel-1 der Klappe. | ||
| + | |||
| + | |Text-1 = | ||
| + | Text-1 der Klappe. | ||
| + | |||
| + | |Titel-2 = | ||
| + | Titel-2 der Klappe. | ||
| + | |||
| + | |Untertitel-2 = | ||
| + | Untertitel-2 der Klappe. | ||
| + | |||
| + | |Text-2 = | ||
| + | Text-2 der Klappe. | ||
| + | }} | ||
| + | </pre> | ||
| + | </noinclude> | ||
Aktuelle Version vom 10. Mai 2016, 16:34 Uhr
Aussehen der Vorlage
Beispieltext für zwei Klappen.
Beispieltext für zwei Klappen.
Kopiervorlage
{{2-Klappen
|ID =
Eine möglichst eindeutige ID. Tauchen zwei gleiche IDs auf einer Seite auf funktionieren die Klappen nicht.
|h =
Setzt die Größe der Klappe: h1, h2 oder h3. Standardmäßig ist h2 gesetzt.
|Frage =
Hier kommt, wenn gewünscht eine Frage hin.
|Erläuterung =
Hier kommt die Erläuterung zur Frage hin.
|Titel-1 =
Titel-1 der Klappe.
|Untertitel-1 =
Untertitel-1 der Klappe.
|Text-1 =
Text-1 der Klappe.
|Titel-2 =
Titel-2 der Klappe.
|Untertitel-2 =
Untertitel-2 der Klappe.
|Text-2 =
Text-2 der Klappe.
}}