Kullanım tekniği Bildirim ikonlarına animasyon efekti nasıl verilir?

Kullanım tekniği Bildirim ikonlarına animasyon efekti nasıl verilir?
11
3K

XenTR

Yönetici
XenTR Mod
Licenced
SMS Confirmed
Katılım
3 Şub 2019
Mesajlar
2,130
Çözümler
69
Tepki puanı
2,722
Puanları
113
XenTR Kullanıcımız yeni bir kaynak oluşturdu:

Bildirim ikonlarına animasyon efekti nasıl verilir? - XenForo bildirimleri için animasyonlu animasyon efekt verme

Herkese merhaba arkadaşlar;

Bugün sizlere basit bir şekilde bildirim alanlarında yer alan ikonlar için animasyon efekti nasıl verilir bu konuyu anlatmak istiyorum.

Ekli dosyayı görüntüle 5214

Bir üyemizin ( @bozkurt ) isteği üzerine mevcut tasarımda kullanmış olduğumuz efekti sizlerle paylaşmak istiyorum.

Bunun için yapmanız gereken işlem çok basit. Aşağıda yer alan kodu kullanmış olduğunuz temanın extra.less dosyasına kaydetmeniz yeterli olacktır.

CSS:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Bu kaynak hakkında daha fazla bilgi ...
 
eline sağlık abi. Hoş bir detay.
 
Son düzenleme:
Son düzenleme:
merhaba,

ilgi gösterip talebimi geri çevirmediğiniz için teşekkür ederim. forum siteme uyguladım ve gayet güzel oldu. Fakat halka şeklindeki yanıp sönen kırmızı çember oluşmadı.
Mevcut kodları 1.0.1 sürümü ile güncelledim. Tekrar deneyip sonucu bildirir misiniz?
 
1.0.1 ile normal temada ok , bu kodu innovate dark da nereye atiyorus exra.less de calismadi ?
 
Moderatörün son düzenlenenleri:
101 ile normal temada ok , bu kodu innovate dark da nereye atiyorus exra.less de calismadi ?
Kaynak sayfasında da söylediğim gibi özel temalarda farklılık gösterebilir demiştim. Ama Innovate temaları için uygularım güncelleme ile çalışır olacaktır. Dün güncellemeleri tamamladım ancak yayınlama fırsatını henüz bulamadım. Kısmetse bu akşam yayınlamaya çalışacağım. ;)
 
Üst alanda neler yeni sağ tarafta da çıkıyor kodları uyguladıktan sonra abi. Ara kısmının yanında.
 

Ekli dosyalar

  • EB6A16BF-FA3E-4C12-98EA-6BF29C2E1453.jpeg
    EB6A16BF-FA3E-4C12-98EA-6BF29C2E1453.jpeg
    51.7 KB · Görüntüleme: 13
Kodlar standart tema üzerinden verilmiştir. Aşağıdaki kodu da ekleyip dener misin?
CSS:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
 
Harika paylaşım için teşekkürler :love:
 
Quick Jump
2,620Konular
12,449Mesajlar
1,428Kullanıcılar
Geri
Üst