Vorlage:TabsCSS/Doku
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 | Pflichtfeld | 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-Leiste1 | „transparent“ |
Hintergrundfarbe aktiv | ![]() |
definiert die Hintergrundfarbe des aktiven Tabs1 | #ffffff |
Hintergrundfarbe inaktiv | ![]() |
definiert die Hintergrundfarbe der inaktiven Tabs1 | #eeeeee |
Linienfarbe | ![]() |
definiert die Linienfarbe der gesamten Tableiste1 | #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 |
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]] }}
{{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]}}