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:
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 MMOZirve 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.
