Schnellster Weg: Eine Vorlage auswählen
Du hast ein StreamElements- oder Streamlabs-Chatdesign? Importiere dein eigenes Widget mit dem Chatdesign-Leitfaden.
Vorlagen sind der einfachste Weg zu einem ansprechenden Overlay, ohne CSS von Grund auf zu schreiben.
Anpassungsebenen
| Ebene | Verwenden für | Wo |
|---|---|---|
| Vorlagensteuerung | Schnelle optische Änderungen. | Vorlagengalerie. |
| URL-Parameter | Verhalten, Beschriftungen, Filter, Skalierung, Grenzen. | Abfragezeichenfolge der Overlay-URL. |
| Benutzerdefiniertes OBS-CSS | Kleine Stiländerungen für eine OBS-Quelle. | Eigenschaften der OBS-Browserquelle. |
| Gehostetes/selbst gehostetes CSS | Wiederverwendbare Stile für mehrere Overlays. | &css= oder &b64css=. |
| Eigenes Overlay | Vollständig eigenes Verhalten. | Leitfaden für eigene Overlays. |
Gängige URL-Optionen
featured.html?session=YOUR_SESSION&scale=1.1&limit=10
sessionverbindet das Overlay mit dem richtigen Chatraum.scaleändert die Größe, ohne CSS neu zu schreiben.limitsteuert auf unterstützten Seiten, wie viele Nachrichten sichtbar bleiben.hidesourceblendet Plattform-Quellbeschriftungen im Dock aus (nurdock.html).cssundb64cssladen eigene Gestaltung.
Vorschau vor OBS
Häufige Lösungen
- Im Browser richtig, in OBS falsch: entferne benutzerdefiniertes OBS-CSS und lade die Browserquelle neu.
- Schrift fehlt: verwende eine direkte HTTPS-Schriftdatei und prüfe CORS-/Hotlink-Regeln.
- Alles ist unsichtbar: prüfe Deckkraft, Farbe, Filter und ob die Seite Nutzdaten für hervorgehobene Nachrichten/Ereignisse benötigt.
- URL-Änderungen bewirken nichts: lade die OBS-Quelle neu oder ersetze die URL.