Vorlage:TabsCSS

Zweck[Quelltext bearbeiten]

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[Quelltext bearbeiten]

{{TabsCSS
| NOTOC                   = 
| NOEDITSECTION           = 
| Hintergrundfarbe Leiste  = 
| Hintergrundfarbe aktiv   = 
| Hintergrundfarbe inaktiv = 
| Linienfarbe             = 
| AktiveTabNummer         = 
| BezeichnungTab1         = 
| BezeichnungTab2         = 
| BezeichnungTab3         = 
| BezeichnungTab4         = 
| BezeichnungTab5         = 
| BezeichnungTab6         = 
| BezeichnungTab7         = 
| BezeichnungTab8         = 
| BezeichnungTab9         = 
| BezeichnungTab10        = 
| BezeichnungTab11        = 
| BezeichnungTab12        = 
}}

Parameter[Quelltext bearbeiten]

Parameter	Beschreibung	Standardwert
NOTOC	schaltet das Inhaltsverzeichnis ab, falls der Wert auf `true` gesetzt wird	false
NOEDITSECTION	schaltet auf der ganzen Seite die Bearbeiten-Links für Abschnitte ab, falls der Wert auf `true` gesetzt wird	false
Hintergrundfarbe Leiste	definiert die Hintergrundfarbe der Tab-Leiste⁠¹	„transparent“
Hintergrundfarbe aktiv	definiert die Hintergrundfarbe des aktiven Tabs⁠¹	#ffffff
Hintergrundfarbe inaktiv	definiert die Hintergrundfarbe der inaktiven Tabs⁠¹	#eeeeee
Linienfarbe	definiert die Linienfarbe der gesamten Tableiste⁠¹	#000076
AktiveTabNummer	definiert, welcher Tab als aktiv markiert wird, die Nummerierung der Tabs beginnt bei 1
BezeichnungTab1	definiert den Link sowie den Anzeigetext des ersten Tabs.	unbenannt
BezeichnungTab2 bis Tab12	definiert den Link sowie den Anzeigetext des ersten Tabs, analog zu BezeichnungTab1. Maximal 10 Tabs können genutzt werden.	unbenannt; wird nicht aufgeführt

¹

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[Quelltext bearbeiten]

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

Hauptseite

Vorlage:TabsCSS

Kategorie:Vorlage:Formatierungshilfe

{{TabsCSS
| Hintergrundfarbe aktiv   =#FFFFFF
| Hintergrundfarbe inaktiv =#EEEEEE
| Linienfarbe              =#000076
| AktiveTabNummer          =2
| BezeichnungTab1  = <span style="color:#aaaaaa">[[Portal:Elektrotechnik|Portal]]</span>
| 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:toollabs:catscan2/catscan2.php|project=wikipedia&language=de&categories=Elektrotechnik&depth=7&max_age=48&interface_language=de&doit=1#results}} Letzte Änderungen]}}

Portal

WikiProjekt