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

div,span { } //Einstellungen für alle div- und span-tags

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

.forum { } //Einstellungen für den Rahmen des Inhalts bereich

.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

.quote { } //Einstellungen für die Zitat-Box

.h1 { } //Einstellungen für die 1. Überschrift

.h2 { } //Einstellungen für die 2. Überschrift

.h3 { } //Einstellungen für die 3. Überschrift


Nachrichten

#msg_normal { } //Einstellungen für normale Nachrichten

#msg_success { } //Einstellungen für erfolgreiche Nachrichten


Kalender

.calhead { } //Einstellungen für den Kalender-Kopf

.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

.manage { } //Einstellungen für die Verwaltungsübersichten

Themebar

.themebar { } //Einstellungen für die 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
body { } //Einstellungen für das body-tag des Templates. ( body ist die Grundebene der Seite)

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:




Templates_erstellen«CSS-Klassen»Tutorial:GIMP

 Quelltext betrachten   Druckversion   Versionen 
Letzte Änderung: 19.03.2010 00:41 Version 2.0.0