Anzeige der Artikel nach Schlagwörtern: CSS

Freitag, 14 Januar 2011 21:40

CSS Tutorial

Ab Version 0.9.6.2 ist das Layout mittels CSS vom Inhalt getrennt.

Das bedeutet, dass über die Datei "includes/clm_content.css" sich das gesamte Layout steuern lässt.

Dieses Tutorial soll zeigen, wie das Layout aufgebaut ist und wie man es individuell gestalten kann.

1. #clm

Jede Seite beginnt erst einmal damit, d.h. möchte man Anpassungen für alle Tabellen auf allen CLM-Seiten erreichen, macht man es über: #clm table { }

2. #clm #(?view=)

Für individuelle Anpassungen schaut man sich erst einmal die URL an:

Speziell für oben wäre der Aufbau: #clm #rangliste { }

Weitere Möglichkeiten sind:

#aktuelle_runde
#check
#dwz_liga
#dwz
#info
#mannschaft
#meldeliste

#meldung

#paarungsliste
#rangliste
#runde
#spieler
#statistik
#turnier_info

#turnier_invitation

#turnier_rangliste
#turnier_paarungsliste
#turnier_runde
#turnier_teilnehmer
#verein
#vereinsdaten

3. .componentheading

Für gewöhnlich steht die Überschrift als erstes da.

Allgemeine Anpassungen: #clm .componentheading

Individuelle: #clm #(view) .componentheading

Beispiel links:

#statistik .componentheading

4. h4

Auf manchen Seiten erscheinen noch weitere Überschriften.

Allgemeine Anpassungen: #clm h4

Individuelle: #clm #(view) h4

Beispiel links:

#statistik h4

5. #desc

Auf manchen Seiten befindet sich ein eingeschobener Inhalt mit Hinweisen. Die Überschrift spricht man über "h4" oder "b" an, den Inhalt allgemein über #desc

Allgemeine Anpassungen: #clm #desc

Individuelle: #clm #(view) #desc

Beispiel links:

#statistik #desc

6. table