[Code] Thống kê tình hình diễn đàn cho PunBB và Phpbb2

demo :

Dùng được cho cả Phpbb2 và Punbb

Bắt đầu làm nào
Bước 1 : Thêm đoạn sau vào Css

Code:

/*STATISTICI-------------------------------------------------*/

#title1{margin-left: -26px;}

#title2{margin-right: -26px;}

.title_center{
font-family: arial;
color: white;
font-weight: bold;
text-shadow: black 1px 1px 5px;
height: 43px;
padding-top: 12px;
font-size: 14px;
background: url(http://i46.servimg.com/u/f46/11/96/49/61/title_15.png) repeat-x;}

.title_center a{color: white !important;}

.title_left{
float: left;
width: 19px;
height: 50px;
background: WHITE url(http://i46.servimg.com/u/f46/11/96/49/61/title_20.png) no-repeat;}

.title_end_left{
float: right;
width: 103px;
height: 43px;
background: WHITE url(http://i46.servimg.com/u/f46/11/96/49/61/title_16.png) no-repeat;}

.title_right{
float: right;
width: 19px;
height: 50px;
background: WHITE url(http://i46.servimg.com/u/f46/11/96/49/61/title_21.png) no-repeat;
margin-right: -26px;}

.title_end_right{
float: left;
width: 103px;
height: 43px;
background: WHITE url(http://i46.servimg.com/u/f46/11/96/49/61/title_19.png) no-repeat;
margin-right: -55px;}

.cine_e_online{
padding-left: 26px;
background: url(http://i46.servimg.com/u/f46/11/96/49/61/fade_l10.png) repeat-y left;}

.statistici{
padding-right: 26px;
background: url(http://i46.servimg.com/u/f46/11/96/49/61/fade_r10.png) repeat-y right;}

.fade_end_left{
float: left;
width: 19px;
height: 20px;;
background: url(http://i46.servimg.com/u/f46/11/96/49/61/fade_e10.png) no-repeat;}

.fade_end_right{
float: right;
width: 19px;
height: 20px;
background: url(http://i46.servimg.com/u/f46/11/96/49/61/fade_e11.png) no-repeat;}

#forum_stats{margin-top: 5px;}

/*SFARSIT---STATISTICI-------------------------------------------------*/



Bước 2 : vào Index_body tìm đoạn code sau :

Code:


<!-- BEGIN disable_viewonline -->
....
Đến
....
<!-- END disable_viewonline -->



Xóa đi và thay thế đoạn code sau :

Code:

<!-- BEGIN disable_viewonline -->



<div id="statistics">
<table align="center" cellpadding="1" cellspacing="10">
<tr>

<td width="70%" valign="top">
<div class="cine_e_online">

<div id="title1"> <div class="title_left"></div>  <div class="title_end_left"></div> <div class="title_center">
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" /><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div> </div>
{TOTAL_USERS_ONLINE}<br>{LOGGED_IN_USER_LIST}<br><br><p style="border-bottom: 1px solid #DDDDDD; padding: 5px; margin-top: -5px;">{L_CONNECTED_MEMBERS}</p><br><p style="padding: 5px; margin-top: 0px;"><div align="center">{LEGEND} : {GROUP_LEGEND}</div></p>

</div> <div class="fade_end_left"></div>
</td>



<td width="30%" valign="top">
<div class="statistici">
<div class="title_right"></div> <div id="title2"> <div class="title_end_right"></div> <div class="title_center" id="2">Statistici...</p> </div> </div>  <p style="border-bottom: 1px solid #DDDDDD; padding: 5px; margin-top: -5px;">{TOTAL_POSTS}</p><br><p style="border-bottom: 1px solid #DDDDDD; padding: 5px; margin-top: -5px;">{TOTAL_USERS}
<br><p style="border-bottom: 1px solid #DDDDDD; padding: 5px; margin-top: -5px;">{NEWEST_USER}</p><br><p style="padding: 5px; margin-top: -5px;">{RECORD_USERS}</p>

</div> <div class="fade_end_right"></div>
</td>

</tr>

</table>
</div>



<!-- END disable_viewonline -->

Ok thế là xong :> :> :> ra chiêm ngưỡng thành quả
Nguồn : Cntt-k3.biz

:zing14: nhìn đẹp đấy, vote