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]

Ẩ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:

​

Thêm đoạn code vào template extra.less của bạn:

/* 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]

nếu trong xenforo không có template extra.less thì làm sao ạ?

 

[PVS]

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