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

PVS · 09/05/2015

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

Mã:

.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