Hướng dẫn tạo thống kê diễn đàn xenforo như vbb

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
Bài này mình sẽ hướng dẫn các bạn tạo thông kê dưới diễn đàn xenforo giống như vbb. Với code bạn có thể tạo một thông kê đẹp cho diễn đàn xenforo.

Chú ý ở bài viết này mình sẽ hướng dẫn tạo thống kê dưới trang forum_view nhé, còn các bạn muốn bỏ ở đâu thì bỏ để chạy được hết.

Hướng dẫn:
Đầu tiên các bạn tải về tập tin đính kèm và upload vào thư mục images (nếu chưa có thư mục này thì tạo).

Sau đó các bạn vào Template: forum_list tìm đến <xen:sidebar> thêm đoạn code sau lên trên
Mã:
<div class="borderwrapper">
    <div class="stats_block">
        <h3 style="padding-top: 10px; padding-left: 25px;" class="blockhead">Thống kê {$xenOptions.boardTitle}</h3>
        <div class="blockbody">
            <div class="stats_body">
                <div style="padding:5px; float: left"><img border="0" title="{$xenOptions.boardTitle}" src="/images/forum_stats.png"></div>
                <div style="padding: 3px 0;" id="stats_content" class="pairsJustified">
                    Đề tài thảo luận: <span class="xenfans_count"> {xen:number $boardTotals.discussions}</span>&nbsp;
                    Bài viết: <span class="xenfans_count">{xen:number $boardTotals.messages}</span>&nbsp;
                    Thành viên: <span class="xenfans_count">{xen:number $boardTotals.users}</span>&nbsp;
                    <br>
                    Chào mừng bạn <b><xen:username user="$boardTotals.latestUser" /></b> mới gia nhập thành viên {$xenOptions.boardTitle}
                </div>
            </div>
            <div class="stats_body">
                <table width="100%" border="0">
                    <tbody><tr>
                        <td style="padding:5px;"><img border="0" src="/images/icon_member.png" title="See all visitors"></td>
                        <td width="100%" style="padding-left: 5px;">
                        <h3 class="stats_title_right"><a href="online/" class="Tooltip" title="See all online users">{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}'}</a></h3>
                        </td>
                    </tr></tbody>
                </table>
            </div>
        </div>
    </div>
</div>

Demo:

thong-ke-dien-dan.PNG

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


Nguồn: Internet​
 

Đính kèm

  • images.zip
    1.7 KB · Lượt xem: 16
  • Like
Reactions: THB

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
bạn bị lỗi gì à
 
  • Like
Reactions: THB

thahtrung06

Super Moderator
Thành viên BQT
Tham gia
12/11/2019
Bài viết
1,179
Được Like
519
có ai làm cho bản mới XF ko nhỉ!
Bạn có thể dùng code này cho XF 2
Mã:
<div class="borderwrapper">
    <div class="stats_block">
        <h3 style="padding-top: 10px; padding-left: 25px;" class="blockhead">Thống kê </h3>
        <div class="blockbody">
            <div class="stats_body">
                <div style="padding:5px; float: left"><img border="0" title="{$xf.options.boardTitle}" src="/images/forum_stats.png"></div>
                <div style="padding: 3px 0;" id="stats_content" class="pairs pairs--justified">
                    Đề tài thảo luận: <span class="xf_count">{$xf.app.forumStatistics.threads|number}</span>&nbsp;
                    Bài viết: <span class="xf_count">{$xf.app.forumStatistics.messages|number}</span>&nbsp;
                    Thành viên: <span class="xf_count">{$xf.app.forumStatistics.users|number}</span>&nbsp;
                    <br>
                    Chào mừng bạn <b><xf:username user="{$xf.app.forumStatistics.latestUser}" /></b> mới gia nhập thành viên {$xf.options.boardTitle}
                </div>
            </div>
            <div class="stats_body">
                <table width="100%" border="0">
                    <tbody><tr>
                        <div style="padding:5px; float: left"><img border="0" title="See all visitors" src="/images/icon_member.png"></div>                  
                        <div style="padding: 3px 0;" class="stats_title_right"><a href="online/" class="Tooltip" title="See all online users">{{ phrase('online_now_x_members_y_guests_z',{
 'total': number($online.counts.members), 'members': number($online.counts.members), 'guests': number($online.counts.guests), 'robots': number($online.counts.robots)})
}}</a></div>                
                    </tr></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
Demo:

thong ke.png

Demo khác:

thong ke 1.png


thong ke xin.png
 
Sửa lần cuối:

thahtrung06

Super Moderator
Thành viên BQT
Tham gia
12/11/2019
Bài viết
1,179
Được Like
519
Vấn đề của cách làm trên là ở phần thống kê thành viên đang trực tuyến sẽ không thống kê được và chỉ hiển thị con số 0 do thiết lập trong Xenforo 2 không được điều hướng đến Template forum_list. Để đơn giản hơn, các bạn sử dụng tiện ích bên dưới sẽ được như hình demo cuối cùng.
 

Đính kèm

  • [VNT] StatisticWidget-2.0.zip
    24.3 KB · Lượt xem: 9

batboy_boy

MasterCorporal
Tham gia
23/06/2015
Bài viết
226
Được Like
25
Vấn đề của cách làm trên là ở phần thống kê thành viên đang trực tuyến sẽ không thống kê được và chỉ hiển thị con số 0 do thiết lập trong Xenforo 2 không được điều hướng đến Template forum_list. Để đơn giản hơn, các bạn sử dụng tiện ích bên dưới sẽ được như hình demo cuối cùng.
là dùng bản này hả sếp
 

Top Bottom