Tutorial 2x Ẩn thông tin thêm của người dùng và hiển thị nó khi rê chuột vào cho XenForo 2

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,830
Được Like
12,705
Ẩn thông tin thêm của người dùng và hiển thị nó khi rê chuột vào cho XenForo 2

Demo:

hide_user_extra_info.gif

Thêm đoạn code vào template extra.less của bạn:
Mã:
/* Hide user extra info */
.message-userExtras {
    opacity: 0;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}
.message-cell.message-cell--user:hover .message-userExtras {
    opacity: 1;
    max-height: 300px;
}
/**********/

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


Nguồn: xenforo.com​
 

VinoMAYC

Private
Tham gia
05/02/2018
Bài viết
7
Được Like
0
nếu trong xenforo không có template extra.less thì làm sao ạ?
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,830
Được Like
12,705
nếu trong xenforo không có template extra.less thì làm sao ạ?
Xen 2 chắc chắn có nha bạn, vì nó là template mặc định, còn trường hợp không có thì chắc đó không phải xen 2 :)
 

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

Dịch vụ XenForo của VNXF

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom