Template:Conference: Difference between revisions

From Decoding the Disciplines
Jump to navigation Jump to search
[checked revision][checked revision]
mNo edit summary
removed blanks in <div>
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="mw-tabs" style="margin: 1em 0;">
<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;">
   <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}}}
       {{{tab1|Tab 1 name}}}
     </li>
     </li>
     {{#if:{{{reiter2|Participate}}}|
      
     <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}}}
       {{{tab2}}}
     </li>
     </li>
    }}
 
     {{#if:{{{reiter3|Program}}}|
      
     <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}}}
       {{{tab3}}}
     </li>
     </li>
    }}
 
   </ul>
   </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;">
     {{{content1|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>
</div>
</div>


<noinclude>
<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 ===
=== Nutzung ===
<pre>
<pre>
{{Tabs
{{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>
</pre>
[[Category:Templates]]
[[Category:Template]]
</noinclude>
</noinclude>

Latest revision as of 18:49, 4 November 2026

  • Tab 1 name
  • {{{tab2}}}
  • {{{tab3}}}
Kein Inhalt für Tab 1 hinterlegt.


Documentation[edit source]

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

Nutzung[edit source]

{{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
}}