Altyazılarda Kendi Stilin: Bir CSS Şablonuyla Başla

Read Frog 1.46.5, video altyazılarına özel CSS, canlı önizleme ve birlikte kullanılabilen hazır şablonlar ekliyor.

Geri

Blur translation şablonunun seçili olduğu sade altyazı CSS önizlemesi

Altyazılar izleme biçimine uyum sağlamalı

Altyazı stili daha önce yazı tipi, boyut, kalınlık, renk ve arka plan saydamlığıyla sınırlıydı. Bunlar günlük kullanım için yeterli olsa da çift dilli altyazıları kullanmanın her yolunu kapsamaz.

Dinleme çalışırken çeviriyi gerekene kadar gizlemek isteyebilirsin. Gözün sürekli özgün metne gidiyorsa onu soluklaştırabilirsin. Görsel açıdan yoğun bir videoda ise daha güçlü bir arka plan, ek boşluk veya küçük bir animasyon yararlı olabilir.

Read Frog 1.46.5, video altyazı stillerine özel CSS ekliyor. Canlı önizleme ve üç hazır şablon sayesinde tek tıklamayla başlayabilir, yalnızca istediğinde kodu düzenleyebilirsin.

Bir şablonla başla

Menüyü aç ve ihtiyacına en yakın davranışı seç:

Gerçek Read Frog ayar sayfasında açık altyazı CSS şablon menüsü

ŞablonNe yaparKullanım alanı
Blur translationÇeviriyi bulanıklaştırır, üzerine gelince gösterirAnlama bakmadan önce dinlemek
Dashed translationÇeviriye kesik alt çizgi eklerİki satırı hızlıca ayırmak
Dim originalÖzgün satırın opaklığını azaltırÇeviriye görsel öncelik vermek

Şablonlar düzenleyiciye normal CSS ekler; seni sabit bir moda kilitlemez. Her değeri değiştirebilir ve birden fazla şablonu birlikte kullanabilirsin.

Aktif dinleme için Blur translation'ı dene. Önce cümleyi dinle, yalnızca kontrol etmek istediğinde bulanık çevirinin üzerine gel.

Sonucu görerek düzenle

Önizleme yazarken güncellenir ve gerçek altyazılarla aynı yapıyı kullanır. Her değişikliği kaydetmeye veya ayarlar ile video arasında gidip gelmeye gerek yoktur.

Canlı önizlemede çeviriyi bulanık gösteren gerçek özel CSS düzenleyicisi

Düzenleyicide sözdizimi renklendirmesi ve doğrulama bulunur. Geçerli CSS açıkça onaylanır; sözdizimi hataları ve çok uzun stil sayfaları kaydetmeden önce durdurulur. Kaydetme işlemi bilinçli olarak elle yapılır, böylece yarım kalmış bir deneme yanlışlıkla altyazı stiline dönüşmez.

Normal stil ayarları çalışmaya devam eder. Özel CSS seçtiğin yazı tipi, boyut, kalınlık, renk ve arka planın üzerine uygulanır ve bunları !important olmadan değiştirebilir.

Tüm altyazı katmanı için üç sınıf

Yalnızca üç seçici gerekir:

SeçiciHedef
.read-frog-subtitles-boxİki satırın çevresindeki arka plan kutusu
.subtitles-mainÖzgün altyazı satırı
.subtitles-translationÇeviri satırı

Blur translation şablonu yalnızca şu CSS'tir:

.subtitles-translation {
  filter: blur(6px);
  transition: filter 0.15s ease;
}

.subtitles-translation:hover {
  filter: none;
}

Stil sayfası Read Frog'un altyazı katmanı içinde yalıtılır; YouTube sayfasını değiştiremez. Önizleme de gerçek katmanla aynı sınırı ve sınıfları kullanır.

Nasıl kullanılır

  1. Read Frog Ayarları → Video Altyazıları → Altyazı Stilini aç.
  2. Sayfanın altındaki Özel CSS bölümüne gir.
  3. Bir şablon seç veya önizlemeyi izleyerek CSS yaz.
  4. Doğrulama geçince Kaydeti seç.

Altyazı özel CSS'i Read Frog 1.46.5 sürümünde kullanılabilir. Güncellemeden sonra başka bir anahtarı açman gerekmez.

Yazan:

Read Frog Team

Şu tarihte:

25 Ağu 2026 Sal

Uzantı Sürümü

1.46.5