Xenforo Kategori Arkası Efek Ekleme

[Nizam-ı Alem]

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.

/* 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.​

 

[Son1Dem]

PAYLAŞIM İÇİN TEŞEKKÜRLER, ELİNE SAĞLIK.​