Template:Conference: Difference between revisions

[checked revision]

Revision as of 15:35, 4 November 2026

Reiter 1
{{{reiter2}}}
{{{reiter3}}}

     Kein Inhalt für Reiter 1 hinterlegt.

   {{#if:|

     Kein Inhalt für Reiter 2 hinterlegt.

   }}
   {{#if:|

     Kein Inhalt für Reiter 3 hinterlegt.

}}

Dokumentation

Dynamische Reiter-Vorlage. Benötigt das entsprechende JavaScript in MediaWiki:Common.js.

Nutzung

{{Tabs
| reiter1 = Übersicht
| inhalt1 = Text für Reiter 1...
| reiter2 = Details
| inhalt2 = Text für Reiter 2...
| reiter3 = Kontakt
| inhalt3 = Text für Reiter 3...
}}

Kategorie:Vorlagen

@@ Line 2: / Line 2: @@
    <!-- Reiter-Navigation -->
    <ul class="mw-tabs-nav" style="list-style: none; margin: 0; padding: 0; display: flex; border-bottom: 2px solid #a2a9b1;">
-     <li style="margin-right: 5px; padding: 0.5em 1em; background: #eaecf0; border: 1px solid #a2a9b1; border-bottom: none; border-radius: 4px 4px 0 0; cursor: pointer; font-weight: bold;">
+     <li style="margin-right: 5px; padding: 0.5em 1em; background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 4px 4px 0 0; cursor: pointer; font-weight: bold; transition: background 0.2s;">
-       {{{reiter1|Call}}}
+       {{{reiter1|Reiter 1}}}
      </li>
-     {{#if:{{{reiter2|Participate}}}|
+     {{#if:{{{reiter2|}}}|
-     <li style="margin-right: 5px; padding: 0.5em 1em; background: #f8f9fa; border: 1px solid #a2a9b1; border-bottom: none; border-radius: 4px 4px 0 0; cursor: pointer; color: #3366cc;">
+     <li style="margin-right: 5px; padding: 0.5em 1em; background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 4px 4px 0 0; cursor: pointer; font-weight: bold; transition: background 0.2s;">
-       {{{content2|insert title of Tab2 here}}}
+       {{{reiter2}}}
      </li>
      }}
-     {{#if:{{{reiter3|Program}}}|
+     {{#if:{{{reiter3|}}}|
-     <li style="margin-right: 5px; padding: 0.5em 1em; background: #f8f9fa; border: 1px solid #a2a9b1; border-bottom: none; border-radius: 4px 4px 0 0; cursor: pointer; color: #3366cc;">
+     <li style="margin-right: 5px; padding: 0.5em 1em; background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 4px 4px 0 0; cursor: pointer; font-weight: bold; transition: background 0.2s;">
-       {{{content3|insert title of Tab2 here}}}
+       {{{reiter3}}}
      </li>
      }}
    </ul>
-   <!-- Inhalt des aktiven Reiters -->
+   <!-- Inhalte der Reiter -->
    <div class="mw-tabs-content" style="border: 1px solid #a2a9b1; border-top: none; padding: 1em; background: #fff;">
-     {{{content1|Kein Inhalt für Reiter 1 hinterlegt.}}}
+     <div class="tab-pane">
+      {{{inhalt1|Kein Inhalt für Reiter 1 hinterlegt.}}}
+    </div>
+    {{#if:{{{reiter2|}}}|
+    <div class="tab-pane" style="display:none;">
+      {{{inhalt2|Kein Inhalt für Reiter 2 hinterlegt.}}}
+    </div>
+    }}
+    {{#if:{{{reiter3|}}}|
+    <div class="tab-pane" style="display:none;">
+      {{{inhalt3|Kein Inhalt für Reiter 3 hinterlegt.}}}
+    </div>
+    }}
    </div>
 </div>
@@ Line 25: / Line 37: @@
 <noinclude>
 == Dokumentation ==
-Diese Vorlage erstellt eine optische Reiter-Struktur.
+Dynamische Reiter-Vorlage. Benötigt das entsprechende JavaScript in [[MediaWiki:Common.js]].
-*Hinweis:* Ohne zusätzliches JavaScript in Ihrem Wiki wechselt diese CSS-Basis-Variante den Inhalt nicht dynamisch per Klick, sondern zeigt den Inhalt des ersten Reiters an. Sie dient als Navigations-Framework.
 === Nutzung ===
@@ Line 32: / Line 43: @@
 {{Tabs
 | reiter1 = Übersicht
-| inhalt1 = Das ist der Text für den ersten Reiter.
+| inhalt1 = Text für Reiter 1...
 | reiter2 = Details
+| inhalt2 = Text für Reiter 2...
 | reiter3 = Kontakt
+| inhalt3 = Text für Reiter 3...
 }}
 </pre>
-[[Category:Templates]]
+[[Kategorie:Vorlagen]]
 </noinclude>

Template:Conference: Difference between revisions

Revision as of 15:35, 4 November 2026

Dokumentation

Nutzung

Navigation menu

Search