Vorlage:Tabs: Unterschied zwischen den Versionen

Aus EnzyklopAtys

Wechseln zu: Navigation, Suche
K
 
(6 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 19: Zeile 19:
  
 
  --></table><!--
 
  --></table><!--
  --><div style="border:{{{bord|solid 2px #A3B1BF}}}; padding: .5em 1em 1em 1em; border-top: none; background-color:{{{bg_frame|transparent}}}; color:#000;zoom: 1"><!--
+
  --><div style="border:{{{bord|solid 2px #{{ColorAtys|type=fg|group=Amber}} }}}; padding: 0em; border-top: none; background-color:{{{bg_frame|transparent}}}; color:#000;zoom: 1;overflow: hidden;"><!--
 
   --><div style="padding:1ex; "><!--
 
   --><div style="padding:1ex; "><!--
  
--></includeonly><noinclude>
+
--></includeonly><!-- _______________________ Docs_______________________ --><noinclude>{{Tabs
{{Trad
+
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}
 +
|bg_frame=#{{ColorAtys|type=bg|group=tryker}}
 +
|round=5em
 +
|align_tab=center
 +
 
 +
|Tab-1={{3DText|text='''Tab#1: Die Tabs-Vorlage<br />Dies ist der ''aktive'' Tab'''}}
 +
|URL-1=Vorlage:Tabs
 +
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
 +
|Pic-1=dummy.png
 +
 
 +
|Tab-2={{3DText|text='''''Tab#2: Die Tab-Vorlage'''''<br />Dieser Tab ist ''inaktiv''}}
 +
|URL-2=Vorlage:Tab
 +
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
 +
|Pic-2=UnderConstruction.png
 +
}}{{Trad
 
|DE=Vorlage:Tabs
 
|DE=Vorlage:Tabs
 
|EN=Template:Tabs
 
|EN=Template:Tabs
 
|ES=Plantilla:Tabs
 
|ES=Plantilla:Tabs
|FR=Modèle:Début des onglets
+
|FR=Modèle:Tabs
 
|RU=Шаблон:Tabs
 
|RU=Шаблон:Tabs
 
}}
 
}}
[[Category:Template:Tab]]</noinclude>
+
<!-- {| class="wikitable" style="margin: auto; width: 100%; background-color:transparent; text-align:center;font: bold 2em serif;;"
 +
|-
 +
| <span style="font: bold 2em serif; color: crimson;">↑</span> Dies ist Tab#1 <span style="font: bold 2em serif; color: crimson;">↑</span> || <span style="font: bold 2em serif; color: crimson;">↑</span> Dies ist Tab#2 <span style="font: bold 2em serif; color: crimson;">↑</span>
 +
|} -->
 +
:Diese Vorlage dient dazu, eine Reihe von Registerkarten (maximal 10) wie die auf dieser Seite zusammenzustellen. Laß uns an diesem Beispiel erklären, wie es funktioniert. Sie verwendet die [[:Vorlage:Tab|"Unter"-Vorlage "Tab"]].
 +
 
 +
=== Tabs-Code ===
 +
<syntaxhighlight lang="xml"> {{Tabs
 +
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}
 +
|bg_frame=#{{ColorAtys|type=bg|group=tryker}}
 +
|round=5em
 +
|align_tab=center
 +
<!--  -->
 +
|Tab-1={{3DText|text='''Tab#1 Die Tabs-Vorlage<br />Dies ist der ''aktive'' Tab'''}}
 +
|URL-1=Vorlage:Tabs
 +
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
 +
|Pic-1=dummy.png
 +
<!--  -->
 +
|Tab-2={{3DText|text='''''Tab#2: Die Tab-Vorlage'''''<br />Dieser Tab ist ''inaktiv''}}
 +
|URL-2=Vorlage:Tab
 +
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
 +
|Pic-2=UnderConstruction.png
 +
}}</syntaxhighlight>
 +
 
 +
=== Detaillierter Code ===
 +
{| class="wikitable"
 +
|+Code erläutert style="font: italic 1em serif; color:#e76700; "|'''Code erläutert'''
 +
|-
 +
! <code>Code</code> !! Effekt !! Bereich
 +
|-
 +
| <code><nowiki>{{Tabs</nowiki></code> || - || Beginn des Vorlagenaufrufs
 +
|-
 +
| <code><nowiki>|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}</nowiki></code> || definiert Art, Dicke und Farbe der Umrandungslinie || rowspan="4"|die ''ganze'' gerahmte Seite
 +
|-
 +
| <code><nowiki>|bg_frame=#{{ColorAtys|type=bg|group=tryker}}</nowiki></code> || definiert die Hintergrundfarbe der Seite: hier bg (background) tryker blue wie in der [[:Vorlage:ColorAtys|ColorAtys-Vorlage]] definiert.
 +
|-
 +
| <code><nowiki>|round=5em</nowiki></code> || Radius der abgerundeten Ecken<br />Bitte beachte, daß nur die Ecken der Registerkarten abgerundet werden. 
 +
|-
 +
| <code><nowiki>|align_tab=center</nowiki></code> || Textausrichtung der Registerkarten-Namen.
 +
|-
 +
| <code><nowiki><!--  --></nowiki></code> || leerer Kommentar (wird als Trennzeichen verwendet) || zur besseren Lesbarkeit des Codes
 +
|-
 +
| <code><nowiki>|Tab-1={{3DText|text='''Tab#1 Die Tabs-Vorlage<br />Dies ist der ''aktive'' Tab'''}}</nowiki></code> || Tab-Titel ||  rowspan="4"|Dieser einzelne Tab<br /><small>Beachte, daß die Parameter nummeriert sind. Du kannst bis zu 10 Registerkarten wie diese haben.</small>
 +
|-
 +
| <code><nowiki>|URL-1=Vorlage:Tabs</nowiki></code> || Die URL der Seite, auf der die Registerkarte "aktiv" ist.<br /> Die URL ist die der aktuellen Seite, die Registerkarte ist "aktiv", daher ist ihr Hintergrund der der Seite.
 +
|-
 +
| <code><nowiki>|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}</nowiki></code> || Hintergrundfarbe des Tabs: hier helles Trykerblau, nur wirksam, wenn die URL von der aktuellen Seite abweicht.
 +
|-
 +
| <code><nowiki>|Pic-1=dummy.png </nowiki></code> || Ein Symbol, das links neben dem Titel der Registerkarte angezeigt wird.
 +
|-
 +
| <code><nowiki><!--  --></nowiki></code> || Trennzeichen ||, um die Lesbarkeit des Codes zu verbessern.
 +
|-
 +
| <code><nowiki>|Tab-2={{3DText|text='''''Tab#2: Die Tab-Vorlage'''''<br />Dieser Tab ist ''inaktiv''}}</nowiki></code> || Zweiter Tab-Titel. ||  rowspan="4"|Dieser einzelne Tab.
 +
|-
 +
| <code><nowiki>|URL-2=Vorlage:Tab</nowiki></code> || Diese Seite ist nicht die eigentliche Seite, die Registerkarte ist "inaktiv"<br /> "Inaktive" Registerkarten sind durch eine horizontale Linie vom Seitenkörper getrennt.
 +
|-
 +
| <code><nowiki>|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}</nowiki></code> || Hintergrundfarbe der Registerkarte: hier helles fyros orange
 +
|-
 +
| <code><nowiki>|Pic-2=UnderConstruction.png</nowiki></code> || Symbol für Tab 2 
 +
|-
 +
| <code><nowiki>}}</nowiki></code> || - || Ende der Vorlage.
 +
<!-- |-
 +
| <code><nowiki>Beispiel</nowiki></code> || Beispiel || Beispiel -->
 +
|}
 +
 
 +
 
 +
=== Beispiele ===
 +
*Gilden-Seite: [[Gilde:Ballistic Mystix|Ballistic Mystix]]
 +
*Mit 2 Tabs, ohne 3D-Text: [[Glücksrad]]
 +
 
 +
[[Kategorie:Tab]] [[Kategorie:Vorlage:Tab]]
 +
</noinclude>

Aktuelle Version vom 16. September 2023, 08:35 Uhr

Tab#1: Die Tabs-VorlageDies ist der aktive Tab Tab#1: Die Tabs-Vorlage
Dies ist der aktive Tab
 Tab#2: Die Tab-VorlageDieser Tab ist inaktiv Tab#2: Die Tab-Vorlage
Dieser Tab ist inaktiv
de:Vorlage:Tabs
en:Template:Tabs
es:Plantilla:Tabs
fr:Modèle:Tabs
ru:Шаблон:Tabs
 
UnderConstruction.png
Übersetzung zur Überprüfung
Gib nicht den Mitwirkenden die Schuld, sondern komm und hilf ihnen. 😎
Diese Vorlage dient dazu, eine Reihe von Registerkarten (maximal 10) wie die auf dieser Seite zusammenzustellen. Laß uns an diesem Beispiel erklären, wie es funktioniert. Sie verwendet die "Unter"-Vorlage "Tab".

Tabs-Code

 {{Tabs
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}
|bg_frame=#{{ColorAtys|type=bg|group=tryker}}
|round=5em
|align_tab=center
<!--  -->
|Tab-1={{3DText|text='''Tab#1 Die Tabs-Vorlage<br />Dies ist der ''aktive'' Tab'''}} 
|URL-1=Vorlage:Tabs 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
|Pic-1=dummy.png 
<!--  -->
|Tab-2={{3DText|text='''''Tab#2: Die Tab-Vorlage'''''<br />Dieser Tab ist ''inaktiv''}}
|URL-2=Vorlage:Tab
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
|Pic-2=UnderConstruction.png
}}

Detaillierter Code

Code erläutert
Code Effekt Bereich
{{Tabs - Beginn des Vorlagenaufrufs
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}} definiert Art, Dicke und Farbe der Umrandungslinie die ganze gerahmte Seite
|bg_frame=#{{ColorAtys|type=bg|group=tryker}} definiert die Hintergrundfarbe der Seite: hier bg (background) tryker blue wie in der ColorAtys-Vorlage definiert.
|round=5em Radius der abgerundeten Ecken
Bitte beachte, daß nur die Ecken der Registerkarten abgerundet werden.
|align_tab=center Textausrichtung der Registerkarten-Namen.
<!-- --> leerer Kommentar (wird als Trennzeichen verwendet) zur besseren Lesbarkeit des Codes
|Tab-1={{3DText|text='''Tab#1 Die Tabs-Vorlage<br />Dies ist der ''aktive'' Tab'''}} Tab-Titel Dieser einzelne Tab
Beachte, daß die Parameter nummeriert sind. Du kannst bis zu 10 Registerkarten wie diese haben.
|URL-1=Vorlage:Tabs Die URL der Seite, auf der die Registerkarte "aktiv" ist.
Die URL ist die der aktuellen Seite, die Registerkarte ist "aktiv", daher ist ihr Hintergrund der der Seite.
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}} Hintergrundfarbe des Tabs: hier helles Trykerblau, nur wirksam, wenn die URL von der aktuellen Seite abweicht.
|Pic-1=dummy.png Ein Symbol, das links neben dem Titel der Registerkarte angezeigt wird.
<!-- --> Trennzeichen , um die Lesbarkeit des Codes zu verbessern.
|Tab-2={{3DText|text='''''Tab#2: Die Tab-Vorlage'''''<br />Dieser Tab ist ''inaktiv''}} Zweiter Tab-Titel. Dieser einzelne Tab.
|URL-2=Vorlage:Tab Diese Seite ist nicht die eigentliche Seite, die Registerkarte ist "inaktiv"
"Inaktive" Registerkarten sind durch eine horizontale Linie vom Seitenkörper getrennt.
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}} Hintergrundfarbe der Registerkarte: hier helles fyros orange
|Pic-2=UnderConstruction.png Symbol für Tab 2
}} - Ende der Vorlage.


Beispiele