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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
15,266
Được Like
11,692
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

Thượng Đế
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

Thượng Đế
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

Thượng Đế
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!
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom