Xf2 Data SQL sorgular - hover etkisi | Xenforo Türkçe Destek, XenForo Eklenti ve Tema Topluluğu

Xf2 Data SQL sorgular hover etkisi

XFdestek

Kurucu Üye
XFD Üyesi
Katılım
25 May 2014
Mesajlar
832
Tepkime puanı
357
Puanları
63
Konum
Türkiye
Kodu kendim yaratmadım, ancak sınıfları benim sevdiğime ve XF2'ye değiştirdim / güncelledim.
Bu kodu extra.less şablonunuza ekleyin .

CSS:
/*Forum, Sub-Forum & What's new*/
.block-body .node--forum, .structItemContainer .structItem--thread, .structItemContainer-group .structItem--thread, .block-container .message-inner {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-body .node--forum:hover, .structItemContainer .structItem--thread:hover, .structItemContainer-group .structItem--thread:hover, .block-container .message-inner:hover {
-moz-transform: scale(1.015);
-webkit-transform: scale(1.015);
-o-transform: scale(1.015);
-ms-transform: scale(1.015);
transform: scale(1.015);
}
/*Widgets*/
.block-body .block-row  {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-body .block-row:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
/*Categorynodes*/
.block-container .block-header  {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-container .block-header:hover {
-moz-transform: scale(1.02, 1.05);
-webkit-transform: scale(1.02, 1.05);
-o-transform: scale(1.02, 1.05);
-ms-transform: scale(1.02, 1.05);transform: scale(1.02, 1.05);}

}
Geçiş efektinin hızını değiştirir. (Alt hızlıdır)
ölçek ileri atlar miktarını değiştirir. (Alt az atlamak)

Zoomonhover (1).gif
 
Lütfen Javascript'i etkinleştirin!Javascript'i etkinleştirin!