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
16,829
Được Like
12,687
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
16,829
Được Like
12,687
bạn bị lỗi gì à
 
  • Like
Reactions: THB

thahtrung06

Moderator
Thành viên BQT
Tham gia
12/11/2019
Bài viết
1,102
Được Like
451
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

Moderator
Thành viên BQT
Tham gia
12/11/2019
Bài viết
1,102
Được Like
451
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
221
Được Like
24
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
 

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom