Combine Members and Staff Online - Kết hợp Combine Members và Staff Online

[PVS]

Combine Members and Staff Online - Kết hợp Combine Members và Staff Online

Mặc định của Xenforo là 2 blọck Member Online và Staff Online là 2 block riêng biệt, hướng dẫn này sẽ kết hợp lại 2 block trên thành 1.

Demo:

Mặc định

Sau khi chỉnh sửa
​

Để đạt được điều này, đến template sidebar_online_users của bạn và tìm:

<!-- block: sidebar_online_staff -->
<xen:if hascontent="true">
    <div class="section staffOnline avatarList">
        <div class="secondaryContent">
            <h3>{xen:phrase staff_online_now}</h3>
            <ul>
                <xen:contentcheck>
                    <xen:foreach loop="$onlineUsers.records" value="$user">
                        <xen:if is="{$user.is_staff}">
                            <li>
                                <xen:avatar user="$user" size="s" img="true" />
                                <xen:username user="$user" rich="true" />
                                <div class="userTitle">{xen:helper userTitle, $user}</div>
                            </li>
                        </xen:if>
                    </xen:foreach>
                </xen:contentcheck>
            </ul>
        </div>
    </div>
</xen:if>
<!-- end block: sidebar_online_staff -->

Xóa đoạn đó đi và xác định vị trí:

<div class="footnote">

Và thêm đoạn sau đây trên nó và lưu lại.

<xen:if hascontent="true">
    <div class="section staffOnline avatarList">
            <h3>{xen:phrase staff_online_now}</h3>
            <ul>
                <xen:contentcheck>
                    <xen:foreach loop="$onlineUsers.records" value="$user">
                        <xen:if is="{$user.is_staff}">
                            <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage" /></li>
                        </xen:if>
                    </xen:foreach>
                </xen:contentcheck>
            </ul>
        </div>
</xen:if>
<!-- end block: sidebar_online_staff -->

Thêm đoạn sau vào EXTRA.CSS:

.forum_list .sidebar .avatarList li {
display: inline-block;
}

Để ngăn chặn avatar staff hiển thị trong một cột.

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

Nguồn: xenforo.com​

 

[SangNTP]

Ở cái hình ví dụ sau khi chỉnh sửa, mình muốn hiện avatar luôn thay vì chỉ là tên thành viên được không @PVS ?

 

[PVS]

được bạn, mình nhớ cũng có bài hướng dẫn làm rồi