Přizpůsobení překryvů

Začněte šablonami a možnosti URL a CSS použijte jen tam, kde jsou potřeba.

Nejrychlejší cesta: vyberte šablonu

Máte vzhled chatu ze StreamElements nebo Streamlabs? Importujte vlastní widget podle průvodce vzhledem chatu.

Šablony jsou nejjednodušší cestou k propracovanému překryvu bez psaní CSS od začátku.

Galerie šablon s vyhledáváním, filtry kategorií a náhledy
Vyhledejte a filtrujte šablony, pak zkopírujte vygenerovanou URL překryvu do OBS.

Úrovně přizpůsobení

ÚroveňPoužitíKde
Ovládání šablonyRychlé vizuální změny.Galerie šablon.
Parametry URLChování, popisky, filtry, měřítko, limity.Řetězec parametrů URL překryvu.
Vlastní CSS v OBSDrobné úpravy stylu pro jeden zdroj OBS.Vlastnosti zdroje prohlížeče OBS.
Hostované nebo vlastní hostované CSSOpakovaně použitelné styly napříč překryvy.&css= nebo &b64css=.
Vlastní překryvZcela vlastní chování.Průvodce vlastními překryvy.

Běžné možnosti URL

featured.html?session=YOUR_SESSION&scale=1.1&limit=10
  • session připojuje překryv ke správné chatovací místnosti.
  • scale mění velikost bez přepisování CSS.
  • limit určuje počet zpráv, které zůstanou viditelné na podporovaných stránkách.
  • hidesource skrývá popisky zdrojových platforem v doku (dock.html pouze).
  • css a b64css načítají vlastní stylování.

Náhled před OBS

Ukázkový náhled překryvu se stylovaným výstupem zprávy Social Stream
Před testováním OBS otevřete výslednou URL v běžném prohlížeči.

Běžná řešení

  • V prohlížeči vypadá správně, v OBS špatně: odstraňte vlastní CSS v OBS a obnovte zdroj prohlížeče.
  • Chybí písmo: použijte přímý soubor písma přes HTTPS a zkontrolujte pravidla CORS a ochrany proti přímému odkazování.
  • Vše je neviditelné: zkontrolujte neprůhlednost, barvu, filtry a zda stránka potřebuje vybranou zprávu nebo data události.
  • Změny URL nic nedělají: obnovte zdroj OBS nebo nahraďte URL.