XF 2.2 Eklenti XenForo Forumlara Hover Efekti Ekleme

Lim10Ata · 26 Mar 2022

Lim10Ata Kullanıcımız yeni bir kaynak oluşturdu:

XenForo Forumlara Hover Efekti Ekleme - Bu kod sayesinde forumlara hover efekti verebilirsiniz.

CSS:
Extra.less şablonumuzu açıyoruz ve aşağıdaki kodları ekliyoruz;

CSS:

.node-body:hover { background: #f0f3f7; /* Renk Kodu */ transition: all 0.6s; }

Sonuç:

Bu kaynak hakkında daha fazla bilgi ...

Sis · 27 Mar 2022

Default tema da bu da çalışmadı.

Monarch · 27 Mar 2022

CSS:

.node-title { color: rgb(47, 72, 120);font-weight: 700;}
.block-body .node{ -webkit-transition:all .3s ease;transition:all .3s ease }
.block-body .node:hover{transform:scale(1.015);background: rgb(232,232,232);}
.block-body .node:nth-child(even) .node-body { background: rgb(232,232,232);background: radial-gradient(circle, rgba(232,232,232,1) 100%, rgba(232,232,232,1) 100%); }
.block-body .node:nth-child(odd) .node-body { background: rgb(246,246,246);background: radial-gradient(circle, rgba(246,246,246,1) 100%, rgba(223,223,223,1) 100%); }
.block-body .node .node-body:hover{ background: #fdfbfb;}
.block-body .structItem:nth-child(odd){background: rgba(246,246,246,1);}
.block-body .structItem:nth-child(even){ background: rgb(251,251,251);}
.structItem.structItem--thread { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.structItem.structItem--thread:hover { transform: scale(1.015);background: radial-gradient(circle, rgba(246,246,246,1) 100%, rgba(246,246,246,1) 100%, rgba(223,223,223,1) 100%); }

Bizim kullandığımızı olduğu gibi paylaşıyorum bunu LİGHT tema için.
DARK tema için kullanacaksan sadece renklerini değiştir, Başlarken .nightmode eklemeyi unutma.

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

XF 2.2 Eklenti XenForo Forumlara Hover Efekti Ekleme

Lim10Ata

xFanatik

Sis

xFanatik

Monarch

Forever StarTR!

Foruma hoş geldin 👋, Ziyaretçi

Gizliliğinize değer veriyoruz