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

XenTR

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,498
Çözümler
10
Tepki puanı
2,219
Puanları
113
Web Sitesi
xentr.net
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 ...
 

bozkurt

New member
Licenced Member
XenTR Üyesi
Katılım
7 Ocak 2021
Mesajlar
10
Tepki puanı
8
Puanları
3

hasannakyuz

Active member
Licenced Member
Customer
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
438
Çözümler
2
Tepki puanı
214
Puanları
43
Yaş
33
Web Sitesi
www.balikhobim.com
eline sağlık abi. Hoş bir detay.
 
Son düzenleme:

XenTR

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,498
Çözümler
10
Tepki puanı
2,219
Puanları
113
Web Sitesi
xentr.net
Son düzenleme:

XenTR

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,498
Çözümler
10
Tepki puanı
2,219
Puanları
113
Web Sitesi
xentr.net
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?
 

Levi45

Active member
Licenced Member
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
144
Tepki puanı
71
Puanları
28
1.0.1 ile normal temada ok , bu kodu innovate dark da nereye atiyorus exra.less de calismadi ?
 
Moderatörün son düzenlenenleri:

XenTR

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,498
Çözümler
10
Tepki puanı
2,219
Puanları
113
Web Sitesi
xentr.net
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. ;)
 

hasannakyuz

Active member
Licenced Member
Customer
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
438
Çözümler
2
Tepki puanı
214
Puanları
43
Yaş
33
Web Sitesi
www.balikhobim.com
Ü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: 9

XenTR

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,498
Çözümler
10
Tepki puanı
2,219
Puanları
113
Web Sitesi
xentr.net
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!
 

AdemA

New member
Customer
XenTR Üyesi
Katılım
4 Haz 2020
Mesajlar
26
Tepki puanı
5
Puanları
3
Harika paylaşım için teşekkürler :love:
 
Üst