Konfiguration
Für das CSS-Layout muss nur die URL angepasst und ein Parameter gesetzt werden.
<iframe src=".../chat/testroom-00002.html?CSS=http://www.mypage.de/list.css">
...
</iframe>
Parameter | Wert |
---|---|
URL | Die URL für deinen Chatroom besteht aus zwei Teilen (Name und ID). Am einfachsten bekommst du die URL, wenn du im LoFi-Hauptsystem auf deinen Chatroom klickst. Du kannst dann die notwendigen URL-Teile aus der Adresszeile deines Browsers abschreiben. |
CSS | Adresse zu deiner eigenen CSS-Datei. Damit der LoFi-Server die CSS-Daten abrufen kann musst du die Datei vorher auf deinen Live-Server stellen. Anschliessend übergibst du im Hijack-Link die URL zu dieser Datei (muss mit http:// beginnen!) |
In der folgenden Tabelle sind alle CSS-Attribute aufgelistet die man für das Design
der Chatliste ändern kann. Die Attribute beginnen meistens mit zwei Buchstaben,
welche das zu formatierende Element kennzeichnen.
(lh=ListHeader, lb=ListBody, lt=ListTitle, ll=ListLine, le=ListEnd)
Parameter | Wert |
---|---|
body | Hintergrundfarbe für die Chatliste (erst bei runterscrollen zu sehen) |
ll-3 a | Farbe für eingefügte Links |
lh | Hintergrund für den kompletten Headerbereich |
lh-1 | Schriftfarbe für Countdown und Interval |
lh-111 | Schriftfarbe für Aktualsieren-Link |
lh-12-activ | Schriftfarbe für aktiven Interval |
lh-12-passiv | Schriftfarbe für passiven Interval |
lh-23-1, lh-23-2 | Schriftfarbe für Senden-Link |
lh-24-11, lh-24-21 | Pfeil für passive Aufwärtssortierung |
lh-24-12, lh-24-22 | Pfeil für aktive Aufwärtssortierung |
lh-25-11, lh-25-21 | Pfeil für aktive Abwärtssortierung |
lh-25-12, lh-25-22 | Pfeil für passive Aufwärtssortierung |
lh-32 | Schriftfarbe [img]-Link |
lb | Hintergrund des Listenbody bzw. der Postings |
lt | Schrift und Hintergrund für die Listentitel (Datumszeile) |
ll-1, ll-2, ll-3 | Schriftfarbe für Uhrzeit, Name und Text |
ls | Hintergrund für die Trennlinien |
le | Hintergrund für die Abschlusszeile |
le-1, le-2 | Schriftfarbe für die Abschlusszeile |
site | Hintergrund und Schrift für die Detailansicht längerer Postings |