Vorlage:TabsCSS/Doku - Versionsgeschichte

Wanderfalke: /* Beispiele */

2013-05-13T14:13:27Z

Beispiele

← Nächstältere Version		Version vom 13. Mai 2013, 14:13 Uhr
Zeile 140:		Zeile 140:
	\| BezeichnungTab1 = <font color="#aaaaaa">[[Portal:Elektrotechnik\|Portal]]</font>		\| BezeichnungTab1 = <font color="#aaaaaa">[[Portal:Elektrotechnik\|Portal]]</font>
	\| BezeichnungTab2 = [[Wikipedia:WikiProjekt Elektrotechnik\|WikiProjekt]]		\| BezeichnungTab2 = [[Wikipedia:WikiProjekt Elektrotechnik\|WikiProjekt]]
	\| BezeichnungTab3 = [[Datei:~~Under contruction icon-red~~.~~svg~~\|16px\|verweis=]] [[Wikipedia:WikiProjekt Elektrotechnik/Qualitätssicherung\|Qualitätssicherung]]		\| BezeichnungTab3 = [[Datei:Baustelle.png\|16px\|verweis=]] [[Wikipedia:WikiProjekt Elektrotechnik/Qualitätssicherung\|Qualitätssicherung]]
	\| BezeichnungTab4 = [[Wikipedia:WikiProjekt Elektrotechnik/Wartung\|Wartung]]		\| BezeichnungTab4 = [[Wikipedia:WikiProjekt Elektrotechnik/Wartung\|Wartung]]
	\| BezeichnungTab5 = [[Wikipedia:WikiProjekt Elektrotechnik/Fragen\|Fragen]]		\| BezeichnungTab5 = [[Wikipedia:WikiProjekt Elektrotechnik/Fragen\|Fragen]]
	\| BezeichnungTab6 = [{{fullurl:tools:~daniel/WikiSense/CategoryIntersect.php\|wikilang=de&wikifam=.wikipedia.org&basecat=Elektrotechnik&basedeep=7&mode=rc&hours=48&go=Scannen&format=html&userlang=de}} Letzte Änderungen]}}		\| BezeichnungTab6 = [{{fullurl:tools:~daniel/WikiSense/CategoryIntersect.php\|wikilang=de&wikifam=.wikipedia.org&basecat=Elektrotechnik&basedeep=7&mode=rc&hours=48&go=Scannen&format=html&userlang=de}} Letzte Änderungen]}}

Wanderfalke: /* Parameter */

2013-05-13T14:04:18Z

Parameter

← Nächstältere Version		Version vom 13. Mai 2013, 14:04 Uhr
Zeile 41:		Zeile 41:
	\|-		\|-
	\| NOTOC		\| NOTOC
	\| style="text-align:center;" \| [[Datei:No-Symbol.~~svg~~\|16px\|Nein]]		\| style="text-align:center;" \| [[Datei:No-Symbol.png\|16px\|Nein]]
	\| schaltet das Inhaltsverzeichnis ab, falls der Wert auf <tt>true</tt> gesetzt wird		\| schaltet das Inhaltsverzeichnis ab, falls der Wert auf <tt>true</tt> gesetzt wird
	\| false		\| false
	\|-		\|-
	\| NOEDITSECTION		\| NOEDITSECTION
	\| style="text-align:center;" \| [[Datei:No-Symbol.~~svg~~\|16px\|Nein]]		\| style="text-align:center;" \| [[Datei:No-Symbol.png\|16px\|Nein]]
	\| schaltet auf der ganzen Seite die Bearbeiten-Links für Abschnitte ab, falls der Wert auf <tt>true</tt> gesetzt wird		\| schaltet auf der ganzen Seite die Bearbeiten-Links für Abschnitte ab, falls der Wert auf <tt>true</tt> gesetzt wird
	\| false		\| false
	\|-		\|-
	\| Hintergrundfarbe Leiste		\| Hintergrundfarbe Leiste
	\| style="text-align:center;" \| [[Datei:No-Symbol.~~svg~~\|16px\|Nein]]		\| style="text-align:center;" \| [[Datei:No-Symbol.png\|16px\|Nein]]
	\| definiert die Hintergrundfarbe der Tab-Leiste{{FN\|1}}		\| definiert die Hintergrundfarbe der Tab-Leiste{{FN\|1}}
	\| „transparent“		\| „transparent“
	\|-		\|-
	\| Hintergrundfarbe Aktiv		\| Hintergrundfarbe Aktiv
	\| style="text-align:center;" \| [[Datei:No-Symbol.~~svg~~\|16px\|Nein]]		\| style="text-align:center;" \| [[Datei:No-Symbol.png\|16px\|Nein]]
	\| definiert die Hintergrundfarbe des aktiven Tabs{{FN\|1}}		\| definiert die Hintergrundfarbe des aktiven Tabs{{FN\|1}}
	\| #ffffff		\| #ffffff
	\|-		\|-
	\| Hintergrundfarbe Inaktiv		\| Hintergrundfarbe Inaktiv
	\| style="text-align:center;" \| [[Datei:No-Symbol.~~svg~~\|16px\|Nein]]		\| style="text-align:center;" \| [[Datei:No-Symbol.png\|16px\|Nein]]
	\| definiert die Hintergrundfarbe der inaktiven Tabs{{FN\|1}}		\| definiert die Hintergrundfarbe der inaktiven Tabs{{FN\|1}}
	\| #eeeeee		\| #eeeeee
	\|-		\|-
	\| Linienfarbe		\| Linienfarbe
	\| style="text-align:center;" \| [[Datei:No-Symbol.~~svg~~\|16px\|Nein]]		\| style="text-align:center;" \| [[Datei:No-Symbol.png\|16px\|Nein]]
	\| definiert die Linienfarbe der gesamten Tableiste{{FN\|1}}		\| definiert die Linienfarbe der gesamten Tableiste{{FN\|1}}
	\| #000076		\| #000076
	\|-		\|-
	\| AktiveTabNummer		\| AktiveTabNummer
	\| style="text-align:center;" \| [[Datei:Symbol OK.~~svg~~\|16px\|Ja]]		\| style="text-align:center;" \| [[Datei:Symbol OK.png\|16px\|Ja]]
	\| definiert, welcher Tab als aktiv markiert wird, die Nummerierung der Tabs beginnt bei 1		\| definiert, welcher Tab als aktiv markiert wird, die Nummerierung der Tabs beginnt bei 1
	\|		\|
	\|-		\|-
	\| BezeichnungTab1		\| BezeichnungTab1
	\| style="text-align:center;" \| [[Datei:Symbol OK.~~svg~~\|16px\|Ja]]		\| style="text-align:center;" \| [[Datei:Symbol OK.png\|16px\|Ja]]
	\| definiert den Link sowie den Anzeigetext des ersten Tabs.		\| definiert den Link sowie den Anzeigetext des ersten Tabs.
	\| unbenannt		\| unbenannt
	\|-		\|-
	\| BezeichnungTab2 bis Tab10		\| BezeichnungTab2 bis Tab10
	\| style="text-align:center;" \| [[Datei:No-Symbol.~~svg~~\|16px\|Nein]]		\| style="text-align:center;" \| [[Datei:No-Symbol.png\|16px\|Nein]]
	\| definiert den Link sowie den Anzeigetext des ersten Tabs, analog zu BezeichnungTab1. Maximal 10 Tabs können genutzt werden.		\| definiert den Link sowie den Anzeigetext des ersten Tabs, analog zu BezeichnungTab1. Maximal 10 Tabs können genutzt werden.
	\| unbenannt; wird nicht aufgeführt		\| unbenannt; wird nicht aufgeführt

Wanderfalke: Die Seite wurde neu angelegt: „{{Dokumentation/Dokuseite}} == Zweck == Diese Vorlage erzeugt Tabs, die beispielsweise für die Navigation auf mehrseitigen Portal-, …“

2013-05-13T14:03:06Z

Die Seite wurde neu angelegt: „<noinclude>{{Dokumentation/Dokuseite}}</noinclude> == Zweck == Diese Vorlage erzeugt Tabs, die beispielsweise für die Navigation auf mehrseitigen Portal-, …“

Neue Seite

<noinclude>{{Dokumentation/Dokuseite}}</noinclude>

== Zweck ==

Diese Vorlage erzeugt Tabs, die beispielsweise für die Navigation auf mehrseitigen Portal-, Benutzer- oder Wartungsseiten genutzt werden können. Die Vorlage nutzt im wesentlichen dieselben Parameter wie die [[Vorlage:Tabs]], anders als diese basiert sie [[Vorlage:TabsCSS]] jedoch auf [[Cascading Style Sheets]] (CSS) und nicht auf Tabellensyntax.

Einzelne Tabs können über den direkten Einsatz von [[Vorlage:TabsCSS/Tab]] genutzt werden. Hier stehen weitere Parameter zur Formatierung zur Verfügung.

''Hinweis:'' Die Vorlage ''nicht'' für den Einsatz im Artikelnamensraum vorgesehen, wo solche oder ähnliche Navigationselemente nicht erwünscht sind.

== Kopiervorlage ==
<pre style="white-space:pre-wrap;">
{{TabsCSS
| NOTOC =
| NOEDITSECTION =
| Hintergrundfabe Leiste =
| Hintergrundfabe Aktiv =
| Hintergrundfabe Inaktiv =
| Linienfarbe =
| AktiveTabNummer =
| BezeichnungTab1 =
| BezeichnungTab2 =
| BezeichnungTab3 =
| BezeichnungTab4 =
| BezeichnungTab5 =
| BezeichnungTab6 =
| BezeichnungTab7 =
| BezeichnungTab8 =
| BezeichnungTab9 =
}}
</pre>

== Parameter ==

{| class="wikitable"
|- class="hintergrundfarbe5"
! Parameter
! Pflichtfeld
! Beschreibung
! Standardwert
|-
| NOTOC
| style="text-align:center;" | [[Datei:No-Symbol.svg|16px|Nein]]
| schaltet das Inhaltsverzeichnis ab, falls der Wert auf <tt>true</tt> gesetzt wird
| false
|-
| NOEDITSECTION
| style="text-align:center;" | [[Datei:No-Symbol.svg|16px|Nein]]
| schaltet auf der ganzen Seite die Bearbeiten-Links für Abschnitte ab, falls der Wert auf <tt>true</tt> gesetzt wird
| false
|-
| Hintergrundfarbe Leiste
| style="text-align:center;" | [[Datei:No-Symbol.svg|16px|Nein]]
| definiert die Hintergrundfarbe der Tab-Leiste{{FN|1}}
| „transparent“
|-
| Hintergrundfarbe Aktiv
| style="text-align:center;" | [[Datei:No-Symbol.svg|16px|Nein]]
| definiert die Hintergrundfarbe des aktiven Tabs{{FN|1}}
| #ffffff
|-
| Hintergrundfarbe Inaktiv
| style="text-align:center;" | [[Datei:No-Symbol.svg|16px|Nein]]
| definiert die Hintergrundfarbe der inaktiven Tabs{{FN|1}}
| #eeeeee
|-
| Linienfarbe
| style="text-align:center;" | [[Datei:No-Symbol.svg|16px|Nein]]
| definiert die Linienfarbe der gesamten Tableiste{{FN|1}}
| #000076
|-
| AktiveTabNummer
| style="text-align:center;" | [[Datei:Symbol OK.svg|16px|Ja]]
| definiert, welcher Tab als aktiv markiert wird, die Nummerierung der Tabs beginnt bei 1
|
|-
| BezeichnungTab1
| style="text-align:center;" | [[Datei:Symbol OK.svg|16px|Ja]]
| definiert den Link sowie den Anzeigetext des ersten Tabs.
| unbenannt
|-
| BezeichnungTab2 bis Tab10
| style="text-align:center;" | [[Datei:No-Symbol.svg|16px|Nein]]
| definiert den Link sowie den Anzeigetext des ersten Tabs, analog zu BezeichnungTab1. Maximal 10 Tabs können genutzt werden.
| unbenannt; wird nicht aufgeführt
|}

{{FNZ|1|Die Eingabe erfolgt mit eine der bei CSS üblichen Farbangaben 
  a. Hexadezimale RGB-Angabe wie bei HTML → #rrggbb 
  b. Hexadezimale RGB-Angabe in Kurzschreibweise → #rgb 
  c. Farbnamen → wie bei HTML (z.b. black oder transparent) 
  d. RGB-Werte dezimal (0-255,0-255,0-255) → rgb(R,G,B) 
  e. RGB-Anteile prozentual (0-100%,0-100%,0-100%) → rgb(%,%,%) 
}}

== Beispiele ==

<pre style="white-space:pre-wrap;">
{{TabsCSS
| Hintergrundfarbe Leiste =#FFFF88
| Hintergrundfarbe aktiv =#8888FF
| Hintergrundfarbe inaktiv =#88FF88
| Linienfarbe =#FF8888
| AktiveTabNummer = 1
| BezeichnungTab1 = [[Wikipedia:Hauptseite|Hauptseite]]
| BezeichnungTab2 = [[Vorlage:TabsCSS]]
| BezeichnungTab3 = [[:Kategorie:Vorlage:Formatierungshilfe]]
}}
</pre>
{{TabsCSS
| Hintergrundfarbe Leiste =#FFFF88
| Hintergrundfarbe aktiv =#8888FF
| Hintergrundfarbe inaktiv =#88FF88
| Linienfarbe =#FF8888
| AktiveTabNummer = 1
| BezeichnungTab1 = [[Wikipedia:Hauptseite|Hauptseite]]
| BezeichnungTab2 = [[Vorlage:TabsCSS]]
| BezeichnungTab3 = [[:Kategorie:Vorlage:Formatierungshilfe]]
}}

----
<pre style="white-space:pre-wrap;">
{{TabsCSS
| Hintergrundfarbe Aktiv =#FFFFFF
| Hintergrundfarbe Inaktiv =#AAAAAA
| Linienfarbe =#000076
| AktiveTabNummer =2
| BezeichnungTab1 = [[Portal:Elektrotechnik|Portal]]
| BezeichnungTab2 = [[Wikipedia:WikiProjekt Elektrotechnik|WikiProjekt]]
| BezeichnungTab3 = [[Datei:Under contruction icon-red.svg|16px|verweis=]] [[Wikipedia:WikiProjekt Elektrotechnik/Qualitätssicherung|Qualitätssicherung]]
| BezeichnungTab4 = [[Wikipedia:WikiProjekt Elektrotechnik/Wartung|Wartung]]
| BezeichnungTab5 = [[Wikipedia:WikiProjekt Elektrotechnik/Fragen|Fragen]]
| BezeichnungTab6 = [{{fullurl:tools:~daniel/WikiSense/CategoryIntersect.php|wikilang=de&wikifam=.wikipedia.org&basecat=Elektrotechnik&basedeep=7&mode=rc&hours=48&go=Scannen&format=html&userlang=de}} Letzte Änderungen]}}
</pre>
{{TabsCSS
| Hintergrundfarbe Aktiv =#FFFFFF
| Hintergrundfarbe Inaktiv =#AAAAAA
| Linienfarbe =#000076
| AktiveTabNummer =2
| BezeichnungTab1 = [[Portal:Elektrotechnik|Portal]]
| BezeichnungTab2 = [[Wikipedia:WikiProjekt Elektrotechnik|WikiProjekt]]
| BezeichnungTab3 = [[Datei:Under contruction icon-red.svg|16px|verweis=]] [[Wikipedia:WikiProjekt Elektrotechnik/Qualitätssicherung|Qualitätssicherung]]
| BezeichnungTab4 = [[Wikipedia:WikiProjekt Elektrotechnik/Wartung|Wartung]]
| BezeichnungTab5 = [[Wikipedia:WikiProjekt Elektrotechnik/Fragen|Fragen]]
| BezeichnungTab6 = [{{fullurl:tools:~daniel/WikiSense/CategoryIntersect.php|wikilang=de&wikifam=.wikipedia.org&basecat=Elektrotechnik&basedeep=7&mode=rc&hours=48&go=Scannen&format=html&userlang=de}} Letzte Änderungen]}}