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 như hình demo sau:
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 dòng <xf:widgetpos id="forum_list_sidebar" position="sidebar" /> thêm đoạn code sau lên trên
Thu được kết quả sau:
Đầ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 dòng <xf:widgetpos id="forum_list_sidebar" position="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ê </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>
Bài viết: <span class="xf_count">{$xf.app.forumStatistics.messages|number}</span>
Thành viên: <span class="xf_count">{$xf.app.forumStatistics.users|number}</span>
<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.total), 'members': number($online.counts.members), 'guests': number($online.counts.guests), 'robots': number($online.counts.robots)})
}}</a></div>
</tr></tbody>
</table>
</div>
</div>
</div>
</div>
