Tutorial 2x Thêm hiệu ứng khi rê chuột vào threads, widgets & posts cho XenForo 2

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,128
Được Like
12,743
Thêm hiệu ứng khi rê chuột vào threads, widgets & posts cho XenForo 2

Chỉ cần thêm đoạn code sau vào template extra.less:
Mã:
/*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);
}

Zoomonhover.gif


widget effect.gif

Chúc các bạn thành công.


Nguồn: xenforo.com​
 

cf0975140388

Private
Tham gia
15/02/2016
Bài viết
10
Được Like
2
bác cho em xin link diễn đàn ở dưới được không ạ. em vào copy cái style name phát sáng của diễn đàn này cái :3
 

BearVN

Private
Tham gia
19/06/2018
Bài viết
21
Được Like
0
upload_2018-6-22_20-56-12.png
bác cho em hỏi làm sao cho tên sáng như thế này cho 1 rank nào đó trong forum ạ ?
 

levantukg

Gefreiter
Tham gia
11/08/2018
Bài viết
51
Được Like
3
Mh sử dụng xenforo 1.5.7 thì làm sao ạ. Mh rất thích và cần hiệu ứng đó. Xin bạn chỉ giáo!
 

Top Bottom