Benutzerdefiniertes CSS – Hilfestellungen:
In diesem Beitrag möchte ich euch eine kurze Übersicht über die wichtigsten CSS-Elemente geben, mit denen ihr euren Chat anpassen könnt.
Anpassen von Chatnachrichten und Usernamen:
.mess_<userlevel> = „Chat-Bubble“ für die jeweilige Usergruppe im öffentlichen Chat
.mess_<userlevel>_pv = „Chat-Bubble“ für die jeweilige Usergruppe im Privatchat
.username-color-<userlevel> = Farbe des Usernamens für die gewählte Usergruppe in Nachrichten und der Onlineliste
#onlinelist .username-color-<userlevel> = Farbe des Usernamens für die gewählte Usergruppe speziell in der Onlineliste
#chatinhalt .username-color-<userlevel> = Farbe des Usernamens für die gewählte Usergruppe speziell im Chatfenster
<Userlevel> kann sein:
– admin
– mod
– invisible
– user
– gast
– system
– bot
Beispiel – So gibt man Admins eine blaue Nickfarbe:
.username-color-admin {
color: blue !important;
}
.timestamp = Das Feld in dem die Zeit angezeigt wird, wann eine Nachricht gesendet wurde.
Um die Farbe der Titelleiste der ET-Chat-Fenster zu ändern:
.etchat_style_title, .etchat_style_n, .etchat_style_nw, .top_draggable, .etchat_style_title, .title_window {
background: <gewünschter Farbcode für die Hintergrundfarbe> !important;
color: <gewünschter Farbcode für die Schriftfarbe> !important;
}
Weitere CSS-Elemente:
#onlinelist – Die Onlineliste
.rooms – Chaträume die ein User betreten kann
.rooms_not_allowed – Chaträume zu denen ein User keinen Zugriff hat
————————————————————————————————————————————————
Bitte beachten:
Diese Liste ist bei weitem nicht vollständig und soll nur einen groben Überblick und ein paar Beispiele liefern, was alles möglich ist.
Die Namen eines CSS-Elements kann man mit der „Untersuchen“-Funktion (Entwicklertools) der meisten Browser herausfinden.
Passende HTML-Farbcodes findet ihr über Google und Co.
Bitte im Hinterkopf behalten:
Um die benutzerdefinierten CSS-Einstellungen nutzen zu können sind Grundkentnisse in der HTML- und CSS-Programmierung erforderlich.