Ẩn/Hiện thông tin thành viên trong Xenforo

[PVS]

Thủ thuật sau sẽ giúp bạn ẩn hiện các thông tin thành viên giống như hình dưới.

Cài code xong mặc định nó sẽ ẩn nhé, khi rê chuột vào nó sẽ hiện ra​

Các bạn làm như sau:
Vào : Admincp -> Templates -> thêm đoạn này vào cuối template EXTRA.css

.messageUserBlock .extraUserInfo
{
opacity: 0;
max-height: 0px;
overflow: hidden;
transition: all 0.5s ease-in-out;
}

.messageUserInfo:hover .extraUserInfo
{
opacity: 1;
max-height: 300px;
}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
html .messageUserBlock .extraUserInfo
{
opacity: 1;
height: auto;
transition: none;
}
.messageUserInfo:hover .extraUserInfo
{
height: auto;
}
}
</xen:if>

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

Nguồn: forumit24h.net​

 

[htcviet.net]

thêm chữ ẩn hiện để mọi người biết vô chỗ đó là nó hiện ra thì làm sao bác

 

[PVS]

bài này leech từ bên bác về mà nhỉ @@

 

[htcviet.net]

bài này leech từ bên bác về mà nhỉ @@

oh, mình hỏi thêm xem mọi người có cách ko chứ mình thử rồi chưa tìm được cách nào hay