Xenforo Kategori Arkası Efek Ekleme

Nizam-ı Alem

Malato psichico
Altın Üye
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.

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.​
 
PAYLAŞIM İÇİN TEŞEKKÜRLER, ELİNE SAĞLIK.
 

Şu an konuyu görüntüleyenler (Toplam : 1, Üye: 0, Misafir: 1)