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

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

PVS

Super Moderator
Thành viên BQT
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

  • Like
Reactions: THB
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:
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

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
 
Back
Top