Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
Kaynak ikonu

XF 2.0 Efektif bir avatar.

Bu eklenti, add-ons XenForo 2.0.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
Avatar üzerine fare ile gelince güzel bir animasyon efekti vereceğiz. Aşağıdaki css kodlarını temanızın extra.less şablonuna yapıştırmanız yeterli olacaktır.

CSS:
/*avatar animasyonu*/
.message-avatar-wrapper .avatar:before,
.message-avatar-wrapper .avatar:after{
    border-color: #00c5de;
}
.message-avatar-wrapper a:before,
.message-avatar-wrapper a:after{
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0; bottom: 0; left: 0; right: 0;
    border-radius: 5%; /*Köşeleri oval kare yada dikdörtgen bir avatara sahipseniz bu ayarı ellemeyin. Daire bir avatarınız varsa ayarı "50%" şeklinde değiştirmeniz yeterli olacaktır.*/
    transition: .3s all;
    border: 2px solid;
}
.message-avatar-wrapper a:hover:after{
   -webkit-transform: scale(1.5);
}
.message-avatar-wrapper a:hover:before{
    -webkit-transform: scale(2);
    transition: .3s all;
    opacity: 0;
}
/*avatar animasyonu bitiş*/


Önizlemesi aşağıdaki gibidir.

Untitled Project.gif
Yazar
denizci-1
Görüntüleme
2,206
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 1 değerlendirme

denizci-1 ait diğer kaynakar

Son incelemeler

Güzel paylaşım için teşekkür ederiz, ellerine sağlık.
D
denizci-1
Rica ederim, güzel yorumun için ben teşekkür ederim :)

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.