Personalizzazione degli overlay

Il percorso più rapido: scegli un template

Hai un tema chat StreamElements o Streamlabs? Importa il tuo widget personalizzato con la guida ai temi chat.

I template sono il modo più semplice per ottenere un overlay curato senza scrivere CSS da zero.

Livelli di personalizzazione

Livello	Usalo per	Dove
Controlli dei template	Modifiche visive rapide.	Galleria dei template.
Parametri URL	Comportamento, etichette, filtri, scala e limiti.	Stringa di query dell'URL dell'overlay.
CSS personalizzato OBS	Piccole modifiche di stile per una sorgente OBS.	Proprietà della sorgente browser OBS.
CSS ospitato/ospitato autonomamente	Stili riutilizzabili tra overlay.	&css= oppure &b64css=.
Overlay personalizzato	Comportamento completamente personalizzato.	Guida agli overlay personalizzati.

Opzioni URL comuni

featured.html?session=YOUR_SESSION&scale=1.1&limit=10

• session collega l'overlay alla stanza chat corretta.
• scale cambia le dimensioni senza riscrivere il CSS.
• limit controlla quanti messaggi restano visibili nelle pagine supportate.
• hidesource nasconde le etichette della piattaforma sorgente nel dock (dock.html soltanto).
• css e b64css caricano stili personalizzati.

Anteprima prima di OBS

Soluzioni ai problemi comuni

• Corretto nel browser, errato in OBS: rimuovi il CSS personalizzato OBS e aggiorna la sorgente browser.
• Font mancante: usa un file font HTTPS diretto e controlla le regole CORS/hotlink.
• È tutto invisibile: controlla opacità, colore, filtri e se la pagina richiede un payload di messaggio in primo piano/evento.
• Le modifiche URL non hanno effetto: aggiorna la sorgente OBS oppure sostituisci l'URL.