MyBB için Çalan Zil Animasyonlu Özel Mesaj Uyarı İkonları

MyBB için Çalan Zil Animasyonlu Özel Mesaj Uyarı İkonları

MyBB site içi özel mesaj bildirimlerine hareketli çalan zil uyarı ikonları ekleyerek daha iyi bir görünümle göstermek istiyorsanız bu modifikasyon tam size göre. Bu modifikasyonun çalışması için Font Awesome 5 sitenize yüklü olmalıdır.

MyBB için Çalan Zil Animasyonlu Özel Mesaj Uyarı İkonları

Temamızın Global adlı CSS dosyasını açıyoruz ve aşağıdaki kodları ekliyoruz.

.ring {
  animation: ring 4s 1s ease infinite;
}    

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(25deg); }
  3% { transform: rotate(-23deg); }
  5% { transform: rotate(29deg); }
  7% { transform: rotate(-27deg); }
  9% { transform: rotate(25deg); }
  11% { transform: rotate(-23deg); }
  13% { transform: rotate(21deg); }
  15% { transform: rotate(-19deg); }
  17% { transform: rotate(17deg); }
  19% { transform: rotate(-15deg); }
  21% { transform: rotate(13deg); }
  23% { transform: rotate(-11deg); }
  25% { transform: rotate(9deg); }
  27% { transform: rotate(-7deg); }
  29% { transform: rotate(5deg); }
  31% { transform: rotate(-3deg); }
  33% { transform: rotate(1deg); }
  35% { transform: rotate(0deg); }
  100% { transform: rotate(0); }
}

Ardından Şablon Setleri » (Tema Şablonunuz) » Global - [Bildirim] Şablonlar » global_pm_alert şablonunu açıp aşağıdaki kodu bulun.

<img src="{$theme['imgdir']}/dismiss_notice.png" alt="{$lang->dismiss_notice}" title="{$lang->dismiss_notice}" />

Bu kodu aşağıdaki ile değiştiriyoruz.

<i class="ring fas fa-bell fa-lg" title="{$lang->dismiss_notice}" /></i>

SONUÇ: