CSS-Klassen
Auf dieser Seite finden Sie einen Überblick über die standardmäßig in ClanSphere verwendeten CSS-Klassen. Um die Eigenschaften einer Klasse anzupassen, öffne bitte die CSS-Datei deines Templates (Zu finden unter /templates/<TEMPLATE>/content.css). Der Dateiname der CSS-Datei kann je nach Autor auch abweichen.
Standard Container
hr { } //Einstellungen für die Ansicht der Trennlinie
img { } //Einstellungen für alle Bilder
form { } //Ausrichtung der Formular-elemente im normalen Textfluss
td { } //Einstellungen für Tabellenzellen
textarea { } //Breitenanpassung von Textfeldern
ul { } //entfernt die Außenabstände von unsortierten Listen/Auszählungen
input, textarea, select { } //Einstellungen für Textfelder, Eingabeleisten, checkboxen, etc.
Inhalt
.headb { } //Einstellungen für den Kopf im Inhalts bereich
.bottom { } //Einstellungen für die untere Kopfhälfte im Inhalts bereich
.newshead { } //Einstellungen für den News-Kopf im Inhalts bereich
.left,.leftb,.leftc { } //Einstellungen für links ausgerichtet Container/Zellen
.center,.centerb,.centerc { } //Einstellungen für mittig ausgerichtet Container/Zellen
.right,.rightb,.rightc { } //Einstellungen für rechts ausgerichtet Container/Zellen
.notpublic { } //Einstellungen für Inhalte, die noch nicht öffentlich sind
Textformatierungen
.h1 { } //Einstellungen für die 1. Überschrift
.h2 { } //Einstellungen für die 2. Überschrift
.h3 { } //Einstellungen für die 3. Überschrift
Nachrichten
#msg_success { } //Einstellungen für erfolgreiche Nachrichten
Kalender
.calday { } //Einstellungen für einen normalen Tag im Kalender
.calevent { } //Einstellungen für einen Tag mit einen Ereignis im Kalender
.caltoday { } //Einstellungen für den heutigen Tag im Kalender
.calweek { } //Einstellungen für die Woche im Kalender
Verwaltung
Themebar
Sonstige Classes und IDs
- Container und Zellen, die nicht in der content.css definiert sind, sondern in einer anderen CSS-Datei definiert sein sollten, z.B. template.css
a{ } //Einstellungen für normale Links
a:hover { } //Einstellungen für Links über den der Mauszeiger ist
.clearfix:after { } //Systemklasse, die das clearing von Div-Containern "repariert"
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} //Systemklasse, die das clearing von Div-Containern "repariert" (wird vom IE unter Mac OS ignoriert.
/* End hide from IE-mac */
#debug { } //Einstellungen für die linke Layout-ebene im debug-template
#errors { } //Einstellungen für die Fehler im debug-template
#sql { } //Einstellungen für die SQL-Abfragen im debug-template
#ajax_loading { } //Einstellungen für die Ajax-Ladeanzeige
Weiterführende Links:
- World Wide Web Consortium (W3C) (Offizielle Website)
- CSS bei Wikipedia (Erklärung)
- SELFHTML (Anwendung an Praxisbeispielen)
- CSS4you (Anwendung an Praxisbeispielen)
| Templates_erstellen« | CSS-Klassen | »Tutorial:GIMP |