• Web sitemize kayıt olmak ve onay işlemleri ile ilgili genel bilgilendirme için buraya tıklayınız

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,767
Çözümler
43
Tepki puanı
2,453
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 ...
 

bozkurt

Kayıtlı Kullanıcı
XenTR Üyesi
Katılım
7 Ocak 2021
Mesajlar
10
Tepki puanı
8
Puanları
3

hasannakyuz

Well-known member
Licenced
Customer
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
558
Çözümler
9
Tepki puanı
251
Puanları
63
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,767
Çözümler
43
Tepki puanı
2,453
Puanları
113
Son düzenleme:

XenTR

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,767
Çözümler
43
Tepki puanı
2,453
Puanları
113
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
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
169
Çözümler
3
Tepki puanı
83
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,767
Çözümler
43
Tepki puanı
2,453
Puanları
113
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

Well-known member
Licenced
Customer
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
558
Çözümler
9
Tepki puanı
251
Puanları
63
Ü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: 10

XenTR

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,767
Çözümler
43
Tepki puanı
2,453
Puanları
113
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

Member
Licenced
Customer
XenTR Üyesi
Katılım
4 Haz 2020
Mesajlar
33
Tepki puanı
5
Puanları
8
Harika paylaşım için teşekkürler :love:
 
Üst