Gộp chung Widget Staff Online và User Online làm một

  • Thread starter Thread starter PVS
  • Ngày gửi Ngày gửi
PVS

PVS

Super Moderator
Thành viên BQT
Bạn có thể gộp bằng cách thay thế toàn bộ code template sidebar_online_users bằng 1 trong 3 mẫu code dưới đây
Mẫu 1:

1.png

​
Code thay vào sidebar_online_users
Mã: 
<xen:edithint template="sidebar.css" />

<!-- block: sidebar_online_staff -->
<!-- block: sidebar_online_users -->
<div class="section membersOnline userList">  
   <div class="secondaryContent">
<xen:if hascontent="true">
   <div class="staffOnline avatarList">
       <h3><a href="{xen:link members, '', 'type=staff'}">{xen:phrase staff_online_now}</a></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>
</xen:if>
<!-- end block: sidebar_online_staff -->


     <h3><a href="{xen:link online}" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3>
  
     <xen:if is="{$onlineUsers.records}">
  
       <xen:if is="{$visitor.user_id}">
         <xen:if hascontent="true">
         <h4 class="minorHeading"><a href="{xen:link account/following}">{xen:phrase people_you_follow}:</a></h4>
         <ul class="followedOnline">
           <xen:contentcheck>
             <xen:foreach loop="$onlineUsers.records" value="$user">
               <xen:if is="{$user.followed}">
                 <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage" /></li>
               </xen:if>
             </xen:foreach>
           </xen:contentcheck>
         </ul>
         <h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4>
         </xen:if>
       </xen:if>
    
       <ol class="listInline">
         <xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
           <xen:if is="{$i} <= {$onlineUsers.limit}">
             <li>
             <xen:if is="{$user.user_id}">
               <a href="{xen:link members, $user}"
                 class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
             <xen:else />
               {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
             </xen:if>
             </li>
           </xen:if>
         </xen:foreach>
         <xen:if is="{$onlineUsers.recordsUnseen}">
           <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li>
         </xen:if>
       </ol>
     </xen:if>
  
     <div class="footnote">
       {xen:phrase online_now_x_members_y_guests_z_robots_a, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}', 'robots={xen:number $onlineUsers.robots}'}
     </div>
   </div>
</div>
<!-- end block: sidebar_online_users -->

Mẫu 2

2.png

​
Code thay vào sidebar_online_users
Mã: 
<xen:edithint template="sidebar.css" />

<!-- block: sidebar_online_staff -->
<!-- block: sidebar_online_users -->
<div class="section membersOnline userList">  
   <div class="secondaryContent">
     <h3><a href="{xen:link online}" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3>
<xen:if hascontent="true">
   <div class="staffOnline avatarList">
       <h4 class="minorHeading"><a href="{xen:link members, '', 'type=staff'}">{xen:phrase staff_online_now}</a></h4>
       <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>
</xen:if>
<!-- end block: sidebar_online_staff -->
  
     <xen:if is="{$onlineUsers.records}">
  
       <xen:if is="{$visitor.user_id}">
         <xen:if hascontent="true">
         <h4 class="minorHeading"><a href="{xen:link account/following}">{xen:phrase people_you_follow}:</a></h4>
         <ul class="followedOnline">
           <xen:contentcheck>
             <xen:foreach loop="$onlineUsers.records" value="$user">
               <xen:if is="{$user.followed}">
                 <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage" /></li>
               </xen:if>
             </xen:foreach>
           </xen:contentcheck>
         </ul>
         <h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4>
         </xen:if>
       </xen:if>
    
       <ol class="listInline">
         <xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
           <xen:if is="{$i} <= {$onlineUsers.limit}">
             <li>
             <xen:if is="{$user.user_id}">
               <a href="{xen:link members, $user}"
                 class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
             <xen:else />
               {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
             </xen:if>
             </li>
           </xen:if>
         </xen:foreach>
         <xen:if is="{$onlineUsers.recordsUnseen}">
           <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li>
         </xen:if>
       </ol>
     </xen:if>
  
     <div class="footnote">
       {xen:phrase online_now_x_members_y_guests_z_robots_a, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}', 'robots={xen:number $onlineUsers.robots}'}
     </div>
   </div>
</div>
<!-- end block: sidebar_online_users -->

Mẫu 3

3.png

​
Code thay vào sidebar_online_users
Mã: 
<xen:edithint template="sidebar.css" />

<!-- block: sidebar_online_staff -->
<!-- block: sidebar_online_users -->
<div class="section membersOnline userList">  
   <div class="secondaryContent">
     <h3><a href="{xen:link online}" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3>
<xen:if hascontent="true">
   <div class="staffOnline avatarList">
       <h4 class="minorHeading"><a href="{xen:link members, '', 'type=staff'}">{xen:phrase staff_online_now}</a></h4>
       <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" />
               </li>
             </xen:if>
           </xen:foreach>
         </xen:contentcheck>
       </ul>
   </div>
</xen:if>
<!-- end block: sidebar_online_staff -->
  
     <xen:if is="{$onlineUsers.records}">
  
       <xen:if is="{$visitor.user_id}">
         <xen:if hascontent="true">
         <h4 class="minorHeading"><a href="{xen:link account/following}">{xen:phrase people_you_follow}:</a></h4>
         <ul class="followedOnline">
           <xen:contentcheck>
             <xen:foreach loop="$onlineUsers.records" value="$user">
               <xen:if is="{$user.followed}">
                 <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage" /></li>
               </xen:if>
             </xen:foreach>
           </xen:contentcheck>
         </ul>
         <h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4>
         </xen:if>
       </xen:if>
    
       <ol class="listInline">
         <xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
           <xen:if is="{$i} <= {$onlineUsers.limit}">
             <li>
             <xen:if is="{$user.user_id}">
               <a href="{xen:link members, $user}"
                 class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
             <xen:else />
               {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
             </xen:if>
             </li>
           </xen:if>
         </xen:foreach>
         <xen:if is="{$onlineUsers.recordsUnseen}">
           <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li>
         </xen:if>
       </ol>
     </xen:if>
  
     <div class="footnote">
       {xen:phrase online_now_x_members_y_guests_z_robots_a, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}', 'robots={xen:number $onlineUsers.robots}'}
     </div>
   </div>
</div>
<!-- end block: sidebar_online_users -->

Ở mẫu 3 này bạn cần add thêm css sau vào extra.css
Mã: 
.staffOnline li
{
   display: inline-block;
}

Hi vọng sẽ có ích với bạn. Chúc các bạn thành công.


Nguồn: congngheaz.com​
 
Bài viết liên quan
How to Recover Posts/Threads/Messages from a Deleted User in XenForo - Cách khôi phục bài viết/chủ đề/tin nhắn từ người dùng đã xóa trong XenForo bởi PVS,
Sử dụng Checkip.me thay thế whatismyipaddress để kiểm tra thông tin nhanh và nhiều thông tin hơn bởi Cuibapvn,
xenForo Color Palette and Basic Colors: Chart with IDs - Bảng màu xenForo và các màu cơ bản: Biểu đồ có ID cho XenForo 2.3 bởi PVS,
Alternative user friendly instructions for PWA iOS install - Hướng dẫn thay thế cài đặt PWA iOS thân thiện với người dùng cho XenForo 2 bởi PVS,
How to Increase Character Limit for Forum Nodes and Titles in Xenforo 2 - Cách tăng giới hạn ký tự cho các node diễn đàn và tiêu đề trong Xenforo 2 bởi PVS,
How to convert the XenForo username to lowercase - Cách chuyển đổi tên người dùng XenForo sang chữ thường cho XenForo 2 bởi PVS,
Bài viết mới
Loại bỏ trường Mật khẩu hiện tại khi thay đổi mật khẩu cho Xenforo bởi thahtrung06,
Biểu tượng Font Awesome 2.3 - danh mục, node, tiền tố, phrase, template, v.v. cho XenForo 2.3 bởi PVS,
[cXF] Icons in More options menu - Biểu tượng trong menu More options cho XenForo 2.3 bởi PVS,
How to Recover Posts/Threads/Messages from a Deleted User in XenForo - Cách khôi phục bài viết/chủ đề/tin nhắn từ người dùng đã xóa trong XenForo bởi PVS,
Sử dụng Checkip.me thay thế whatismyipaddress để kiểm tra thông tin nhanh và nhiều thông tin hơn bởi Cuibapvn,
Hỏi cách để hiển thị ở trang home như ảnh bởi novelupdatedow,
  • Like
Reactions: THB
1,156 3 1
Bạn phải đăng nhập hoặc đăng ký để bình luận.

Chủ đề tương tự

bitdoan
Help Xin cách gộp Gear Openshift để cài Xenforo
Trả lời
0
Lượt xem
820
bitdoan
bitdoan
T
Help Mình có thể cài wordpress và xenforo chung không
Trả lời
6
Lượt xem
1K
Toby
T
virutmt
Help cần chỉ cách chọn Display condition cho widget
Trả lời
6
Lượt xem
922
bloghocpiano
bloghocpiano
B
Help Làm thế nào để thêm widget trong mỗi chủ đề vậy?
Trả lời
12
Lượt xem
2K
Dautulagi
Dautulagi
A
Help Xin hướng dẫn sửa Widget sidebar xuất hiện toàn trang
Trả lời
1
Lượt xem
914
thahtrung06
T

Dịch vụ XenForo của VNXF

anhanhxf     0906081284
silzedt_1207          Inbox   PVS

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Xử lý sự cố (Troubleshooting)

Texlink

Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Back
Top