Xenforo Forumlara üzerine gelindiğinde hareket efekti verme nasıl yapılır?

PaulWalker

🏅
Kıdemli Üye
Katılım
8 Ocak 2025
Konular
87
Mesajlar
92
Tepkime puanı
50
Konum
İstanbul
TL
270
Kategori bloklarınızdaki forumlarınıza, üzerine gelindiğinde hareket efekti (animation effects) vermek için aşağıdaki kodu temanızın extra.less şablonuna ekleyip kaydedin. Animasyon hızını ve hareket alanını istediğiniz gibi ayarlayın;

Şablon kodu (extra.less)
Kod:
.template-forum_list .block-container .node {
    border-style: none;
    position: relative;
    box-shadow: 2px 2px 1px 0px rgba(99, 99, 99, 0.3);
    transition: 200ms ease;
}
.template-forum_list .block-container .node::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    box-shadow: 0 0 8px 3px rgba(66, 66, 66, 0.7);
    opacity: 0;
    transition: opacity 200ms;
}
.template-forum_list .block-container .node:hover::before {
    opacity: 1;
    transition: 40ms ease;
}
.template-forum_list .block-container .node:hover {
    transform: scale(1.025);
    transition: 40ms ease;
}
.node-title {
    text-underline-offset: 2px;
}
.node-subNodesFlat {
    text-underline-offset: 2px;
}
 
Moderatör tarafında düzenlendi:
  • Beğen
Tepkiler: io
Üst Alt