Katman özelleştirme

Şablonlarla başlayın, ardından URL seçeneklerini ve CSS'yi yalnızca gerektiği yerlerde kullanın.

En hızlı yol: bir şablon seçin

StreamElements veya Streamlabs sohbet temanız mı var? Sohbet teması kılavuzuyla özel bileşeninizi içe aktarın.

Şablonlar, sıfırdan CSS yazmadan özenli bir katman elde etmenin en kolay yoludur.

Arama, kategori filtreleri ve şablon önizlemeleri içeren şablon galerisi
Şablonları arayıp filtreleyin, ardından oluşturulan katman URL'sini OBS'ye kopyalayın.

Özelleştirme düzeyleri

DüzeyKullanım amacıNerede
Şablon kontrolleriHızlı görsel değişiklikler.Şablon Galerisi.
URL parametreleriDavranış, etiketler, filtreler, ölçek, sınırlar.Katman URL'sinin sorgu dizesi.
OBS Özel CSSTek OBS kaynağı için küçük stil değişiklikleri.OBS Tarayıcı Kaynağı özellikleri.
Barındırılan/kendiniz barındırdığınız CSSKatmanlar arasında tekrar kullanılabilir stiller.&css= veya &b64css=.
Özel katmanTamamen özel davranış.Özel katmanlar kılavuzu.

Yaygın URL seçenekleri

featured.html?session=YOUR_SESSION&scale=1.1&limit=10
  • session katmanı doğru sohbet odasına bağlar.
  • scale CSS'yi yeniden yazmadan boyutu değiştirir.
  • limit desteklenen sayfalarda kaç mesajın görünür kalacağını kontrol eder.
  • hidesource Panelde platform kaynak etiketlerini gizler (dock.html ile sınırlı).
  • css ve b64css özel biçimlendirmeyi yükler.

OBS'den önce önizleyin

Biçimlendirilmiş Social Stream sohbet mesajı çıktısını gösteren örnek katman önizlemesi
OBS'de test etmeden önce son URL'yi normal bir tarayıcıda açın.

Yaygın çözümler

  • Tarayıcıda doğru, OBS'de yanlış görünüyor: OBS Özel CSS'sini kaldırıp tarayıcı kaynağını yenileyin.
  • Yazı tipi eksik: Doğrudan HTTPS yazı tipi dosyası kullanın ve CORS/hotlink kurallarını kontrol edin.
  • Her şey görünmez: opaklığı, rengi, filtreleri ve sayfanın öne çıkan/etkinlik veri yükü gerektirip gerektirmediğini kontrol edin.
  • URL değişiklikleri hiçbir şey yapmıyor: OBS kaynağını yenileyin veya URL'yi değiştirin.