Dostosowywanie nakładek

Zacznij od szablonów, a potem używaj opcji URL i CSS tylko tam, gdzie potrzebne.

Najszybsza droga: wybierz szablon

Masz skórkę czatu StreamElements lub Streamlabs? Zaimportuj własny widżet z przewodnikiem po skórkach czatu.

Szablony to najłatwiejszy sposób uzyskania dopracowanej nakładki bez pisania CSS od zera.

Galeria szablonów z wyszukiwaniem, filtrami kategorii i podglądami
Wyszukaj i przefiltruj szablony, a następnie skopiuj wygenerowany URL nakładki do OBS.

Poziomy dostosowywania

PoziomZastosowanieGdzie
Sterowanie szablonamiSzybkie zmiany wyglądu.Galeria szablonów.
Parametry URLDziałanie, etykiety, filtry, skala, limity.Parametry zapytania URL nakładki.
Własny CSS OBSDrobne zmiany stylu dla jednego źródła OBS.Właściwości źródła przeglądarkowego OBS.
Hostowany/samodzielnie hostowany CSSStyle wielokrotnego użytku w nakładkach.&css= lub &b64css=.
Własna nakładkaW pełni własne działanie.Przewodnik po własnych nakładkach.

Typowe opcje URL

featured.html?session=YOUR_SESSION&scale=1.1&limit=10
  • session łączy nakładkę z właściwym pokojem czatu.
  • scale zmienia rozmiar bez przepisywania CSS.
  • limit steruje liczbą widocznych wiadomości na obsługiwanych stronach.
  • hidesource ukrywa etykiety źródeł platform w doku (dock.html wyłącznie).
  • css i b64css wczytują własną stylizację.

Podgląd przed OBS

Przykładowy podgląd nakładki ze stylizowaną wiadomością czatu Social Stream
Otwórz końcowy URL w zwykłej przeglądarce przed testowaniem OBS.

Typowe rozwiązania

  • Wygląda dobrze w przeglądarce, źle w OBS: usuń własny CSS OBS i odśwież źródło przeglądarkowe.
  • Brakuje czcionki: użyj bezpośredniego pliku czcionki HTTPS i sprawdź reguły CORS/hotlink.
  • Wszystko jest niewidoczne: sprawdź nieprzezroczystość, kolor, filtry i to, czy strona potrzebuje danych wyróżnionej wiadomości/zdarzenia.
  • Zmiany URL nic nie robią: odśwież źródło OBS lub zastąp URL.