Was möchtest du wissen?

1. Öffne Administration → Design & CSS.
2. Lade ein passendes Hintergrundbild hoch oder wähle eine Hintergrundfarbe.
3. Stelle die SYSTEMFARBE so ein, dass neutrale Texte gut erkennbar sind.
4. Passe die Deckkraft der Chatflächen an.
5. Speichere und teste sowohl helle als auch dunkle Bildbereiche.
6. Prüfe zusätzlich Mobilansicht, Onlineliste, Begrüßung, Uhrzeiten und Buttons.

Bei sehr niedriger Deckkraft aktiviert ET-HOST einen automatischen Kontrastschutz. Nickname-Farben werden dabei nicht pauschal überschrieben.

Ein 100 % transparenter Chat bedeutet technisch: Chatfenster-Deckkraft 0 %.

• Das Hintergrundbild bleibt vollständig sichtbar.
• Chatname und Begrüßung erhalten zusätzlichen Lesbarkeitsschutz.
• Verwendet ein Benutzer noch die normale Standard-Schriftfarbe, kann ET-HOST im exakt transparenten Zustand die SYSTEMFARBE zur Darstellung verwenden.
• Eigene bewusst gewählte Nachrichtenfarben bleiben maßgeblich.
• Nickname-Farben der Rollen bleiben erhalten.

Teste nach jeder Designänderung mit Strg+F5, damit altes CSS nicht im Browsercache bleibt.

1. Sichere zunächst den aktuellen Stand oder kopiere dein bisheriges CSS in eine Textdatei.
2. Füge nur eine kleine Regel hinzu.
3. Speichere und lade mit Strg+F5 neu.
4. Prüfe Desktop und Smartphone.
5. Verwende !important nur dann, wenn eine Core-Regel sonst bewusst Vorrang hat.
6. Externe url(...) und @import-Konstruktionen sind aus Sicherheits-/Datenschutzgründen nicht für beliebige Inhalte vorgesehen.
7. Der ET-HOST-Pflichtfooter darf nicht ausgeblendet werden.

Wenn nach einer CSS-Regel Bedienelemente verschwinden, entferne zuerst genau die letzte Änderung.

1. Öffne Administration → Chat-Icons & Links.
2. Vergib eine klare Bezeichnung wie Homepage, Forum oder Wunschbox.
3. Wähle ein Icon oder trage eine unterstützte Iconangabe ein.
4. Hinterlege eine gültige externe URL.
5. Lege fest, ob sie in einem neuen Fenster geöffnet wird.
6. Aktiviere den Link und bestimme die Sortierung.
7. Speichere und prüfe Desktop sowie das mobile „Mehr“-Menü.

Auf Desktop werden Linknamen vollständig ausgeschrieben; bei sehr vielen Elementen kann die Navigation horizontal scrollen, statt Texte mit „…“ abzuschneiden.

1. Öffne Administration → Chat-Icons & Links.
2. Suche in der Font-Awesome-Schnellhilfe das gewünschte Symbol.
3. Trage ausschließlich den Code ein, zum Beispiel fa:f015 für Homepage oder fa:f0e0 für E-Mail.
4. Direkt rechts neben dem Eingabefeld erscheint eine Live-Vorschau. Dort muss das Symbol sichtbar sein – nicht der Text fa:f015.
5. Trage Bezeichnung und Zieladresse ein.
6. Aktiviere den Link und speichere.
7. Öffne den Chat neu. Im Navigationsbutton wird jetzt nur das Symbol zusammen mit der Bezeichnung angezeigt.
8. Auf Smartphones kann der Link bei wenig Platz unter „Mehr“ erscheinen; dort wird dasselbe Icon verwendet.

Wichtig: Ein altes Link-Emoji wie 🔗 gehört nicht vor den Code. Bereits gespeicherte Mischwerte wie „🔗 fa:f015“ werden von ET-HOST automatisch erkannt und beim Reparaturlauf auf „fa:f015“ bereinigt. Die Font-Awesome-Free-Solid-Schrift wird lokal vom ET-HOST-Server geladen; ein externes Kit oder CDN ist nicht erforderlich.

1. Öffne Administration → SEO & Browser.
2. Pflege nur Angaben, die den Chat tatsächlich beschreiben.
3. Verwende einen verständlichen Seitentitel und eine kurze Beschreibung.
4. Speichere.
5. Prüfe anschließend den Browsertitel und die öffentliche Loginseite.

Vermeide Keyword-Stuffing oder irreführende Beschreibungen.