Vorlage:4-Klappen: Unterschied zwischen den Versionen
(11 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
+ | = Aussehen der Vorlage = | ||
+ | <onlyinclude> | ||
{{#tag:html| | {{#tag:html| | ||
<div class="row-30 clearfix"> | <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"> | ||
<div class="col-sm-3"> | <div class="col-sm-3"> | ||
<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 |3=false |4=false}}"> |
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{{ID}}}1" aria-expanded="true" aria-controls="{{{ID}}}1"> | <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}}} | ||
Zeile 16: | Zeile 26: | ||
<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- | + | <div class="klappe-{{{h|h3}}} {{#switch: {{{Richtig}}} |1=false |2=true |3=false |4=false}}"> |
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{{ID}}}2" aria-expanded="true" aria-controls="{{{ID}}}2"> | <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}}} | ||
Zeile 37: | Zeile 47: | ||
<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 46: | Zeile 56: | ||
<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=false |2=false |3=true |4=false}}"> |
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{{ID}}}3" aria-expanded="true" aria-controls="{{{ID}}}3"> | <a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{{ID}}}3" aria-expanded="true" aria-controls="{{{ID}}}3"> | ||
{{{Titel-3|Beispieltitel}}} | {{{Titel-3|Beispieltitel}}} | ||
Zeile 58: | Zeile 68: | ||
<div class="panel-body"> | <div class="panel-body"> | ||
<p> | <p> | ||
− | {{{Text-3|Beispieltext für zwei Klappen.}}} | + | }}{{{Text-3|Beispieltext für zwei Klappen.}}}{{#tag:html| |
</p> | </p> | ||
</div> | </div> | ||
Zeile 67: | Zeile 77: | ||
<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=false |2=false |3=false |4=true}}"> |
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{{ID}}}4" aria-expanded="true" aria-controls="{{{ID}}}4"> | <a role="button" data-toggle="collapse" data-parent="#accordion" href="#{{{ID}}}4" aria-expanded="true" aria-controls="{{{ID}}}4"> | ||
{{{Titel-4|Beispieltitel}}} | {{{Titel-4|Beispieltitel}}} | ||
Zeile 79: | Zeile 89: | ||
<div class="panel-body"> | <div class="panel-body"> | ||
<p> | <p> | ||
− | {{{Text-4|Beispieltext für zwei Klappen.}}} | + | }}{{{Text-4|Beispieltext für zwei Klappen.}}}{{#tag:html| |
</p> | </p> | ||
</div> | </div> | ||
Zeile 87: | Zeile 97: | ||
</div> | </div> | ||
}} | }} | ||
+ | </onlyinclude> | ||
+ | <noinclude> | ||
+ | <pre> | ||
+ | = Kopiervorlage = | ||
+ | {{4-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. | ||
+ | |||
+ | |Richtig = | ||
+ | Hier wird gesagt, welche Klappe die richtige ist: 1, 2, 3 oder 4 | ||
+ | |||
+ | |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. | ||
+ | |||
+ | |Titel-3 = | ||
+ | Titel-3 der Klappe. | ||
+ | |||
+ | |Untertitel-3 = | ||
+ | Untertitel-3 der Klappe. | ||
+ | |||
+ | |Text-3 = | ||
+ | Text-3 der Klappe. | ||
+ | |||
+ | |Titel-4 = | ||
+ | Titel-4 der Klappe. | ||
+ | |||
+ | |Untertitel-4 = | ||
+ | Untertitel-4 der Klappe. | ||
+ | |||
+ | |Text-4 = | ||
+ | Text-4 der Klappe. | ||
+ | }} | ||
+ | </pre> | ||
+ | </noinclude> |
Aktuelle Version vom 11. Juni 2018, 15:27 Uhr
Aussehen der Vorlage
Beispieltext für zwei Klappen.
Beispieltext für zwei Klappen.
Beispieltext für zwei Klappen.
Beispieltext für zwei Klappen.
= Kopiervorlage = {{4-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. |Richtig = Hier wird gesagt, welche Klappe die richtige ist: 1, 2, 3 oder 4 |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. |Titel-3 = Titel-3 der Klappe. |Untertitel-3 = Untertitel-3 der Klappe. |Text-3 = Text-3 der Klappe. |Titel-4 = Titel-4 der Klappe. |Untertitel-4 = Untertitel-4 der Klappe. |Text-4 = Text-4 der Klappe. }}