Template:Conference: Difference between revisions

[checked revision]

Revision as of 17:07, 4 November 2026

Tab 1 name
{{{tab2}}}
{{{tab3}}}

     Kein Inhalt für Tab 1 hinterlegt.

     Kein Inhalt für Tab 2 hinterlegt.

     Kein Inhalt für Tab 3 hinterlegt.

Documentation

Dynamic tab template. Requires the corresponding JavaScript code in MediaWiki:Common.js.

Nutzung

{{Tabs
| tab1 = Tab title text
| content1 = Text for Tab 1 
| tab2 = Tab title text
| content2 = Text for Tab 2
| tab3 = Tab title text
| content3 = Text for Tab 2
}}

@@ Line 1: / Line 1: @@
 <div class="mw-tabs" style="margin: 1em 0;">
-   <!-- Reiter-Navigation -->
+   <!-- Tab-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|Reiter 1}}}
+       {{{tab1|Tab 1 name}}}
      </li>
-     {{#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;">
-       {{{reiter2}}}
+       {{{tab2}}}
      </li>
-    }}
-     {{#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;">
-       {{{reiter3}}}
+       {{{tab3}}}
      </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;">
+<div class="mw-tabs-content" style="padding-top: 1em; background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important;">
-    {{{inhalt1|Kein Inhalt für Reiter 1 hinterlegt.}}}
+    <div class="tab-pane" style="display: block; background: transparent !important; border: none !important;">
+      {{{content1|Kein Inhalt für Tab 1 hinterlegt.}}}
+    </div>
+    <div class="tab-pane" style="display:none; background: transparent !important; border: none !important;">
+      {{{content2|Kein Inhalt für Tab 2 hinterlegt.}}}
+    </div>
+    <div class="tab-pane" style="display:none; background: transparent !important; border: none !important;">
+      {{{content3|Kein Inhalt für Tab 3 hinterlegt.}}}
+    </div>
    </div>
 </div>
 <noinclude>
-== Dokumentation ==
+== Documentation ==
-Diese Vorlage erstellt eine optische Reiter-Struktur.
+Dynamic tab template. Requires the corresponding JavaScript code 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 ===
 <pre>
 {{Tabs
-| reiter1 = Übersicht
+| tab1 = Tab title text
-| inhalt1 = Das ist der Text für den ersten Reiter.
+| content1 = Text for Tab 1
-| reiter2 = Details
+| tab2 = Tab title text
-| reiter3 = Kontakt
+| content2 = Text for Tab 2
+| tab3 = Tab title text
+| content3 = Text for Tab 2
 }}
 </pre>
-[[Kategorie:Vorlagen]]
+[[Category:Template]]
 </noinclude>

Template:Conference: Difference between revisions

Revision as of 17:07, 4 November 2026

Documentation

Nutzung

Navigation menu

Search