Ücretsiz · Tarayıcında

Yayın Uyarı Yapıcı & CSS Üreteci

Animasyonlu takip, abone, bağış ya da raid uyarısı tasarla, canlı önizle, sonra CSS ve HTML'i kopyala — OBS, Streamlabs ve StreamElements için hazır.


      
Metin
Vurgu
Alt

Bu ücretsiz yayın uyarı yapıcı ve özel CSS üreteci, yayının için animasyonlu bir takip, abone, bağış, raid ya da cheer uyarısı tasarlamanı sağlar — sonra CSS ve HTML'i kopyalayıp OBS, Streamlabs ya da StreamElements üzerindeki uyarı kutuna yapıştırırsın. Yazı tipini, renklerini, kutu stilini ve giriş animasyonunu seç, canlı izle ve dakikalar içinde temiz bir özel uyarı yayına al. Filigran yok, her şey tarayıcında çalışır.

Alert CSS'ini Streamlabs veya StreamElements'te nasıl kullanırsın

Uyarı kutusu (alert box) widget ayarlarında Custom CSS (Streamlabs) ya da overlay düzenleyicisinin CSS sekmesini (StreamElements) aç ve burada üretilen CSS'i yapıştır. Stiller .alert-box, .alert-main, .alert-sub ve .alert-img sınıflarını hedefler — gerekirse widget'ının öğeleriyle eşleşecek şekilde yeniden adlandır. Tamamen özel bir yapı için kopyalanan HTML'i OBS Browser Source başlangıç noktası olarak kullan.

Takip, abone, bağış, raid ve cheer uyarıları

Uyarı türünü değiştirdiğinde mantıklı bir varsayılan mesaj yüklenir; sonra metni düzenle. İzleyicinin adının ve değerin görüneceği yerlerde {user} ve {amount} token'larını kullan — canlı önizleme senin örnek isim ve tutarını yerleştirir, böylece gerçek hâlini görürsün. Uyarı tetiklendiğinde platformun doğru değerleri yerine koyar.

Dikkat çeken animasyonlar

Belirme, kayma, pop, zıplama, çevirme ve yakınlaşma girişleri arasından seç ve süreyi ayarla. Az miktarda hareket, yeni takipçileri ve bağışları dikkat dağıtmadan ekranda öne çıkarır. Zamanlamayı ince ayarlamak için Tekrar oynat'a istediğin kadar bas.

Sıkça sorulan sorular

Streamlabs'e özel alert CSS'ini nasıl eklerim?

Alert Box widget'ını aç, Custom CSS bölümüne in ve burada kopyaladığın CSS'i yapıştır. Widget'ın farklı sınıf adları kullanıyorsa onları düzelt, sonra kaydet ve uyarıyı test et.

StreamElements ve OBS ile çalışır mı?

Evet. CSS'i StreamElements overlay CSS düzenleyicisine yapıştır ya da tamamen özel bir uyarı için kopyalanan HTML ve CSS'i birlikte OBS Browser Source olarak kullan.

Kendi uyarı görselimi veya GIF'imi kullanabilir miyim?

Evet. Görsel alanına bir görsel ya da GIF URL'si yapıştır; metnin üstünde görünür. Canlı önizlemede o URL'den yüklenir ve dışa aktarılan HTML'de de aynı URL kullanılır.

{user} ve {amount} ne anlama geliyor?

Bunlar izleyicinin adı ve değer (bağış tutarı, bits ya da raid izleyici sayısı) için yer tutuculardır. Önizleme senin örnek değerlerini doldurur; uyarı tetiklendiğinde yayın platformun bunları gerçek verilerle değiştirir.

Uyarı yapıcı ücretsiz mi?

Tamamen ücretsiz, filigran yok. İstediğin kadar uyarı stili tasarla ve kopyala.

Yayıncılar için daha fazla ücretsiz araç

Tüm ücretsiz araç merkezini keşfet — webcam overlay yapıcı, Başlıyor ekranı yapıcı ve sahte sohbet üreteci dahil.

Son güncelleme: Temmuz 2026

Bregvorn ile uyarıları ve fazlasını yönet

Twitch, YouTube ve Kick için ücretsiz tarayıcı paneli — sohbet, uyarılar, etkinlikler ve yayın sağlığı tek ekranda.

Bregvorn'u Aç — ücretsiz