İçindekiler

Altyazı stili

Çevrilmiş altyazılara hazır şablonlarla ya da kendi CSS'inle stil ver; örneğin üzerine gelene kadar çeviriyi bulanıklaştır.

Ayarlarda Video Altyazıları → Altyazı stili’ni aç. Önizleme sen değiştirdikçe güncellenir.

Temel ayarlar

  • Görüntüleme modu: iki dilli, yalnızca orijinal ya da yalnızca çeviri.
  • Çeviri konumu: orijinalin üstünde ya da altında.
  • Ana altyazı ve Çeviri altyazısı: her satır için yazı tipi, yazı ölçeği, renk ve kalınlık.
  • Arka plan şeffaflığı: altyazıların arkasındaki kutunun ne kadar koyu olduğu.

Varsayılana sıfırla her şeyi geri alır.

Hazır şablonlar

Özel CSS → Hazır şablon altında:

Şablon Ne yapar
Çeviriyi bulanıklaştır Üzerine gelene kadar çeviriyi bulanıklaştırır, önce dinlersin
Çeviriye kesik çizgi Çevirinin altını kesikli çizgiyle çizer
Orijinali soluklaştır Orijinal satırı soluklaştırır, çeviri öne çıkar

Kendi CSS’in

Yazdığın CSS yukarıdaki ayarların üstüne uygulanır. Kullanabileceğin seçiciler şunlardır:

Seçici Nedir
.read-frog-subtitles-box İki satırı tutan kutu
.subtitles-main Orijinal satır
.subtitles-translation Çevrilmiş satır

Çeviriyi bulanıklaştır ve üzerine gelince göster:

.subtitles-translation {
  filter: blur(6px);
}

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

Kutu yerine gölgeli sarı bir çeviri:

.read-frog-subtitles-box {
  background: transparent;
}

.subtitles-translation {
  color: #ffd84d;
  text-shadow: 0 1px 3px rgb(0 0 0 / 0.9);
}

Düzenleyici sen yazarken CSS’ini denetler; uygulamak için Kaydet’e tıkla.