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

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

Bearbeiten
Parameter Pflichtfeld Beschreibung Standardwert
NOTOC Nein schaltet das Inhaltsverzeichnis ab, falls der Wert auf true gesetzt wird false
NOEDITSECTION Nein schaltet auf der ganzen Seite die Bearbeiten-Links für Abschnitte ab, falls der Wert auf true gesetzt wird false
Hintergrundfarbe Leiste Nein definiert die Hintergrundfarbe der Tab-Leiste 1 „transparent“
Hintergrundfarbe aktiv Nein definiert die Hintergrundfarbe des aktiven Tabs 1 #ffffff
Hintergrundfarbe inaktiv Nein definiert die Hintergrundfarbe der inaktiven Tabs 1 #eeeeee
Linienfarbe Nein definiert die Linienfarbe der gesamten Tableiste 1 #000076
AktiveTabNummer Ja definiert, welcher Tab als aktiv markiert wird, die Nummerierung der Tabs beginnt bei 1
BezeichnungTab1 Ja definiert den Link sowie den Anzeigetext des ersten Tabs. unbenannt
BezeichnungTab2 bis Tab12 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
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

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

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