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

[PVS]

Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn

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