Найшвидший шлях: виберіть шаблон
Маєте оформлення чату StreamElements або Streamlabs? Імпортуйте свій віджет за посібником з оформлення чату.
Шаблони — найпростіший спосіб отримати охайний оверлей без написання CSS з нуля.
Рівні налаштування
| Рівень | Використання | Де |
|---|---|---|
| Елементи керування шаблоном | Швидкі візуальні зміни. | Галерея шаблонів. |
| Параметри URL | Поведінка, підписи, фільтри, масштаб, обмеження. | Рядок запиту URL оверлею. |
| Власний CSS OBS | Невеликі зміни стилів для одного джерела OBS. | Властивості браузерного джерела OBS. |
| CSS на зовнішньому або власному хостингу | Повторне використання стилів в оверлеях. | &css= або &b64css=. |
| Власний оверлей | Повністю власна поведінка. | Посібник із власних оверлеїв. |
Поширені параметри URL
featured.html?session=YOUR_SESSION&scale=1.1&limit=10
sessionпідключає оверлей до правильної кімнати чату.scaleзмінює розмір без переписування CSS.limitвизначає, скільки повідомлень залишається видимими на підтримуваних сторінках.hidesourceприховує підписи джерел платформ у доку (dock.htmlлише).cssіb64cssзавантажують власне оформлення.
Попередній перегляд перед OBS
Поширені рішення
- У браузері правильно, а в OBS — ні: приберіть власний CSS OBS і оновіть браузерне джерело.
- Шрифт відсутній: використовуйте прямий HTTPS-файл шрифту й перевірте правила CORS/прямого підключення.
- Усе невидиме: перевірте непрозорість, колір, фільтри та чи потрібні сторінці дані вибраного повідомлення/події.
- Зміни URL нічого не роблять: оновіть джерело OBS або замініть URL.