Blue Engineering
Wechseln zu: Navigation, Suche

Vorlage:4-Klappen: Unterschied zwischen den Versionen

(Die Seite wurde neu angelegt: „{{#tag:html| <div class="row-30 clearfix"> <div class="col-sm-6"> <div class="panel-group" id="accordion" role="tablist" aria-multisele…“)
 
 
(12 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-6">
+
         <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="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-h2 {{#switch: {{{Richtig}}} |1=true |2=false |3=false |4=false}}">
+
                     <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 22: Zeile 32:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="col-sm-6">
+
         <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-h2 {{#switch: {{{Richtig}}} |1=false |2=true |3=false |4=false}}">
+
                     <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 43: Zeile 53:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="col-sm-6">
+
         <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-h2 {{#switch: {{{Richtig}}} |1=false |2=false |3=true |4=false}}">
+
                     <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 64: Zeile 74:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="col-sm-6">
+
         <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-h2 {{#switch: {{{Richtig}}} |1=false |2=false |3=false |4=true}}">
+
                     <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, 16: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.
}}
Von „http://www.blue-engineering.org/index.php?title=Vorlage:4-Klappen&oldid=14075“