- Katılım
- 15 May 2013
- Konular
- 971
- Mesajlar
- 6,650
- Online süresi
- 2ay 11g
- Reaksiyon Skoru
- 5,350
- Altın Konu
- 314
- Başarım Puanı
- 319
- TM Yaşı
- 12 Yıl 11 Ay 12 Gün
- MmoLira
- 22,212
- DevLira
- 15
Metin2 EP, Valorant VP dahil tüm oyun ürünlerini en uygun fiyatlarla bulabilir, Item ve Karakterlerinizi hızlıca satabilirsiniz. HEMEN TIKLA!
Merhaba Değerli Arkadalarım bugun sizlere Xenforo forum siteniz için kategori üzerine mouse getirince kayan alev efekti eklemeyi Anlatıcam.
İlk Öncelikle Admin Paneline Giriş Yapıp daha sonra Görünüm ve diller kısmında kullanmış olduğunuz temanın şablonlarından "extra_less" Kısmına giriş yapıyorsunuz.
Vermiş olduğum bu kodu "Extra_less" şablonun en altına yazmanız yeterli olacaktır.
Ekli dosyayı görüntüle 164698
Bu kodu yaptıktan sonra kategorinin üzerine mouse getirdikte sonra fotoğraftaki gibi efek soldan sağa kayacaktır. Şimdiden kullanacak arkadaşlara hayırlı olsun.
İlk Öncelikle Admin Paneline Giriş Yapıp daha sonra Görünüm ve diller kısmında kullanmış olduğunuz temanın şablonlarından "extra_less" Kısmına giriş yapıyorsunuz.
css:
/* Kategori satırı hover alev efekti Turkmmo NoxVortex Web Geliştirme*/
.node {
position: relative;
overflow: hidden;
}
.node::before {
content: "";
position: absolute;
top: 0;
left: -120%;
width: 120%;
height: 100%;
background: linear-gradient(
120deg,
transparent 0%,
rgba(255, 60, 0, 0.15) 30%,
rgba(255, 120, 0, 0.35) 50%,
rgba(255, 40, 0, 0.6) 70%,
transparent 100%
);
filter: blur(8px);
transition: left 0.7s ease-in-out;
pointer-events: none;
z-index: 1;
}
/* Hover olduğunda alev soldan sağa kayar */
.node:hover::before {
left: 120%;
}
/* İçerik üstte kalsın */
.node > * {
position: relative;
z-index: 2;
}Vermiş olduğum bu kodu "Extra_less" şablonun en altına yazmanız yeterli olacaktır.
Ekli dosyayı görüntüle 164698
Bu kodu yaptıktan sonra kategorinin üzerine mouse getirdikte sonra fotoğraftaki gibi efek soldan sağa kayacaktır. Şimdiden kullanacak arkadaşlara hayırlı olsun.