Vorlage:Tabs: Unterschied zwischen den Versionen

Aus EnzyklopAtys

Wechseln zu: Navigation, Suche
 
Zeile 28: Zeile 28:
 
|align_tab=center
 
|align_tab=center
  
|Tab-1={{3DText|text='''Tab#1: the Tabs Template<br />It is the ''active'' tab'''}}
+
|Tab-1={{3DText|text='''Tab#1: Die Tabs-Vorlage<br />Dies ist der ''aktive'' Tab'''}}
|URL-1=Template:Tabs  
+
|URL-1=Vorlage:Tabs  
 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
 
|Pic-1=dummy.png  
 
|Pic-1=dummy.png  
  
|Tab-2={{3DText|text='''''Tab#2: the Tab Template'''''<br />This tab is ''inactive''}}
+
|Tab-2={{3DText|text='''''Tab#2: Die Tab-Vorlage'''''<br />Dieser Tab ist ''inaktiv''}}
|URL-2=Template:Tab
+
|URL-2=Vorlage:Tab
 
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
 
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
 
|Pic-2=UnderConstruction.png
 
|Pic-2=UnderConstruction.png
Zeile 46: Zeile 46:
 
<!-- {| class="wikitable" style="margin: auto; width: 100%; background-color:transparent; text-align:center;font: bold 2em serif;;"
 
<!-- {| 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> This is Tab#1 <span style="font: bold 2em serif; color: crimson;">↑</span> || <span style="font: bold 2em serif; color: crimson;">↑</span> This is Tab#2 <span style="font: bold 2em serif; color: crimson;">↑</span>
+
| <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>
 
|} -->
 
|} -->
:This template is designed to assemble a set of tabs (10 max) such as the ones on this same page. Lets explain how it works on this example. It uses the [[:Template:Tab|Tab "sub"-template]].  
+
: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==
+
=== Tabs-Code ===
 
<syntaxhighlight lang="xml"> {{Tabs
 
<syntaxhighlight lang="xml"> {{Tabs
 
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}
 
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}
Zeile 57: Zeile 57:
 
|align_tab=center
 
|align_tab=center
 
<!--  -->
 
<!--  -->
|Tab-1={{3DText|text='''Tab#1 the Tabs Template<br />It is the ''active'' tab'''}}  
+
|Tab-1={{3DText|text='''Tab#1 Die Tabs-Vorlage<br />Dies ist der ''aktive'' Tab'''}}  
|URL-1=Template:Tabs  
+
|URL-1=Vorlage:Tabs  
 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
 
|Pic-1=dummy.png  
 
|Pic-1=dummy.png  
 
<!--  -->
 
<!--  -->
|Tab-2={{3DText|text='''''Tab#2: the Tab Template'''''<br />This tab is ''inactive''}}
+
|Tab-2={{3DText|text='''''Tab#2: Die Tab-Vorlage'''''<br />Dieser Tab ist ''inaktiv''}}
|URL-2=Template:Tab
+
|URL-2=Vorlage:Tab
 
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
 
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
 
|Pic-2=UnderConstruction.png
 
|Pic-2=UnderConstruction.png
 
}}</syntaxhighlight>
 
}}</syntaxhighlight>
  
==Detailed code==
+
=== Detaillierter Code ===
 
{| class="wikitable"
 
{| class="wikitable"
|+Code explained style="font: italic 1em serif; color:#e76700; "|'''Code explained'''  
+
|+Code erläutert style="font: italic 1em serif; color:#e76700; "|'''Code erläutert'''  
 
|-
 
|-
! <code>Code</code> !! Effect !! Range
+
! <code>Code</code> !! Effekt !! Bereich
 
|-
 
|-
| <code><nowiki>{{Tabs</nowiki></code> || - || Start of template call
+
| <code><nowiki>{{Tabs</nowiki></code> || - || Beginn des Vorlagenaufrufs
 
|-
 
|-
| <code><nowiki>|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}</nowiki></code> || defines border line type, thickness and colour || rowspan="4"|the ''whole'' framed page
+
| <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> || defines page background colour : here bg (background) tryker blue as defined in [[:Template:ColorAtys|ColorAtys template]].
+
| <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 of rounded corners<br />Note that only tab corners are rounded.   
+
| <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> || text alignment of tab names
+
| <code><nowiki>|align_tab=center</nowiki></code> || Textausrichtung der Registerkarten-Namen.
 
|-
 
|-
| <code><nowiki><!--  --></nowiki></code> || empty comment (used as separator) || to make the code easier to read
+
| <code><nowiki><!--  --></nowiki></code> || leerer Kommentar (wird als Trennzeichen verwendet) || zur besseren Lesbarkeit des Codes
 
|-
 
|-
| <code><nowiki>|Tab-1={{3DText|text='''Tab#1 the Tabs Template<br />It is the ''active'' tab'''}}</nowiki></code> || Tab name ||  rowspan="4"|This single tab<br /><small>Note that the parameters are numbered. You can have up to 10 tabs as this one.</small>
+
| <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=Template:Tabs</nowiki></code> || The url of the page in which the tab is "active".<br /> The url is the one of the actual page, the tab is "active", thus its background is the page body one.  
+
| <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> || Tab background color: here light tryker blue, effective only if url differs from actual page.
+
| <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> || An icon to be displayed left of the tab title.  
+
| <code><nowiki>|Pic-1=dummy.png </nowiki></code> || Ein Symbol, das links neben dem Titel der Registerkarte angezeigt wird.  
 
|-
 
|-
| <code><nowiki><!--  --></nowiki></code> || separator || to make the code easier to read
+
| <code><nowiki><!--  --></nowiki></code> || Trennzeichen ||, um die Lesbarkeit des Codes zu verbessern.
 
|-
 
|-
| <code><nowiki>|Tab-2={{3DText|text='''''Tab#2: the Tab Template'''''<br />This tab is ''inactive''}}</nowiki></code> || Second tab title. ||  rowspan="4"|This single tab
+
| <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=Template:Tab</nowiki></code> || This page is not the actual page, the tab is "inactive"<br /> "Inactive" tabs are separated from the page body by an horizontal line.  
+
| <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> || Tab background colour: here light fyros orange  
+
| <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> || Tab 2 icon 
+
| <code><nowiki>|Pic-2=UnderConstruction.png</nowiki></code> || Symbol für Tab 2  
 
|-
 
|-
| <code><nowiki>}}</nowiki></code> || - || End of Template.
+
| <code><nowiki>}}</nowiki></code> || - || Ende der Vorlage.
 
<!-- |-
 
<!-- |-
| <code><nowiki>Example</nowiki></code> || Example || Example -->
+
| <code><nowiki>Beispiel</nowiki></code> || Beispiel || Beispiel -->
 
|}
 
|}
  
  
==Examples==
+
=== Beispiele ===
*Guild page: [[Guild:Ballistic Mystix|Ballistic Mystix]]
+
*Gilden-Seite: [[Gilde:Ballistic Mystix|Ballistic Mystix]]
*With 2 tabs, no 3D Text: [[Wheel of fortune]]
+
*Mit 2 Tabs, ohne 3D-Text: [[Glücksrad]]
[[Category:Tab]][[Category:Template:Tab]]</noinclude>
+
 
 +
[[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