Vorlage:Turnierplan/Doku
Unterseite styles.css
[Quelltext bearbeiten]Die Seite Vorlage:Turnierplan/styles.css dient zentralen Stildefinitionen für Turnierpläne. Die konsequente Verwendung von CSS-Klassen ermöglicht die Abstimmung sowohl auf den Hellmodus als auch auf den Dunkelmodus. Das gilt besonders für die Klassen der Rahmenlinien, die als „Verbinder“ der Boxen dienen.
Info: Die Angaben entsprechen dem überwiegenden Stil der bisherigen Turnierpläne. Sie sollten daher möglichst nicht mehr verändert werden, weil sich das auf hunderte Vorlagen auswirkt.
CSS-Klassen für Tabellle und Boxen
[Quelltext bearbeiten]CSS-Klasse | Verwendung |
---|---|
tptable | für den Tabellenkopf |
tpheader | für die Felder mit „Halbfinale“ etc. Bitte zusammen mit CSS-Klasse „hintergrundfarbe5“ verwenden. |
tpseed | für die Felder mit den „Startplätzen“. Die Hintergrundfarbe ist aus den Plänen übernommen, direkt definiert und in beiden Modi gleich. |
tpteam | für die Felder mit den Team-Variablen. Bitte zusammen mit CSS-Klasse „hintergrundfarbe1“ verwenden. |
tpscore | für die Felder mit den Ergebnissen. Bitte zusammen mit CSS-Klasse „hintergrundfarbe1“ verwenden. |
tpgroup | für die Felder mit den „group“-Variablen. Zurzeit keine Hintergrundfarbe definiert. |
CSS-Klassen für die Verbindunglinien.
[Quelltext bearbeiten]Die sind besonders wichtig!
Klassenname ist „tp“ (für „Turnierplan“), gefolgt von bis zu drei Angaben für „dicke Linien“. Hierbei gilt die CSS-Reihenfolge
- t=top, r=right, b=bottom, l=left
Beispiel: CSS-Klasse tptrb
bedeutet Linie tp-top-right-bottom, also Linie oben, rechts und unten.
Definiert sind:
CSS-Klasse | Linie(n) |
---|---|
tpt | nur oben |
tpr | nur rechts |
tptr | oben und rechts |
tpb | nur unten |
tptb | oben und unten |
tprb | rechts und unten |
tptrb | oben, rechts und unten |
tpl | nur links |
tptl | oben und links |
tprl | rechts und links |
tptrl | oben, rechts und links |
tpbl | unten und links |
tptbl | oben, unten und links |
tprbl | rechts, unten und links |
Was mache ich, wenn ich für einen bestimmten Turnierplan andere Werte haben will?
[Quelltext bearbeiten]Wer für eine bestimmte Turnierplanvorlage andere Werte haben will, der kann das mit Hilfe einer styles.css-Unterseite der jeweiligen Vorlage machen. Für eine Vorlage:Turnierplan4711
wäre das also Vorlage:Turnierplan4711/styles.css
Bitte keine Änderungen oder Ergänzungen hier vornehmen und darauf achten, dass auch im Dunkelmodus alles erkennbar ist.
Kopiervorlage
[Quelltext bearbeiten]Für die ersten beiden und die letzte Zeile (Das Leerzeichen im Onlyinclude ist hier technich bedingt):
<onlyinclude ><templatestyles src="Turnierplan/styles.css" />
{| class="tptable"
</onlyinclude >
{{Dokumentation}}
Beispiel
[Quelltext bearbeiten]Als Beispiel hier der Quellcode von Vorlage:Turnierplan4 (Das Leerzeichen im Onlyinclude ist hier technich bedingt):
<onlyinclude ><templatestyles src="Turnierplan/styles.css" />
{| class="tptable"
|-
| colspan="3" class="hintergrundfarbe5 tpheader" | {{{RD1|Halbfinale}}}
| colspan="2"|
| colspan="3" class="hintergrundfarbe5 tpheader" | {{{RD2|Finale}}}
|-
| style="width:5ex; height:1.2em;"|
| style="width:10em;"|
| style="width:5ex;"|
| style="width:5ex;"|
| style="width:5ex;"|
| style="width:5ex;"|
| style="width:10em;"|
| style="width:5ex;"|
|-
| class="tpseed" | {{{RD1-seed1|1}}}
| class="hintergrundfarbe1 tpteam" | {{{RD1-team1| }}}
| class="hintergrundfarbe1 tpscore" | {{{RD1-score1| }}}
| class="tpb" |
| rowspan="4" class="tpb" |
| colspan="3" style="height:0.8em;"|
|-
| rowspan="2" class="tpseed" | {{{RD1-seed2|4}}}
| rowspan="2" class="hintergrundfarbe1 tpteam" | {{{RD1-team2| }}}
| rowspan="2" class="hintergrundfarbe1 tpscore" | {{{RD1-score2| }}}
| rowspan="6" class="tptrb" |
| colspan="3" style="height:0.8em;"|
|-
| rowspan="2" class="tpseed" | {{{RD2-seed1| }}}
| rowspan="2" class="hintergrundfarbe1 tpteam" | {{{RD2-team1| }}}
| rowspan="2" class="hintergrundfarbe1 tpscore" | {{{RD2-score1| }}}
|-
| colspan="3" style="height:0.8em;"|
|-
| colspan="3" style="height:0.8em;"|
| rowspan="4" class="tpt" |
| rowspan="2" class="tpseed" | {{{RD2-seed2| }}}
| rowspan="2" class="hintergrundfarbe1 tpteam" | {{{RD2-team2| }}}
| rowspan="2" class="hintergrundfarbe1 tpscore" | {{{RD2-score2| }}}
|-
| rowspan="2" class="tpseed" | {{{RD1-seed3|2}}}
| rowspan="2" class="hintergrundfarbe1 tpteam" | {{{RD1-team3| }}}
| rowspan="2" class="hintergrundfarbe1 tpscore" | {{{RD1-score3| }}}
|-
| colspan="3" style="height:0.8em;"|
|-
| class="tpseed" | {{{RD1-seed4|3}}}
| class="hintergrundfarbe1 tpteam" | {{{RD1-team4| }}}
| class="hintergrundfarbe1 tpscore" | {{{RD1-score4| }}}
| class="tpt" |
| colspan="3" style="height:0.8em;"|
|}
</onlyinclude >