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
/*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(https://i.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(https://i.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(https://i.servimg.com/u/f46/11/96/49/61/title_16.png) no-repeat;} .title_right{ float: right; width: 19px; height: 50px; background: WHITE url(https://i.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(https://i.servimg.com/u/f46/11/96/49/61/title_19.png) no-repeat; margin-right: -55px;} .cine_e_online{ padding-left: 26px; background: url(https://i.servimg.com/u/f46/11/96/49/61/fade_l10.png) repeat-y left;} .statistici{ padding-right: 26px; background: url(https://i.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(https://i.servimg.com/u/f46/11/96/49/61/fade_e10.png) no-repeat;} .fade_end_right{ float: right; width: 19px; height: 20px; background: url(https://i.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 :
<!-- BEGIN disable_viewonline --> .... Đến .... <!-- END disable_viewonline --> |
Xóa đi và thay thế đoạn code sau :
<!-- 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} {LOGGED_IN_USER_LIST} <p style="border-bottom: 1px solid #DDDDDD; padding: 5px; margin-top: -5px;">{L_CONNECTED_MEMBERS}</p> <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> <p style="border-bottom: 1px solid #DDDDDD; padding: 5px; margin-top: -5px;">{TOTAL_USERS} <p style="border-bottom: 1px solid #DDDDDD; padding: 5px; margin-top: -5px;">{NEWEST_USER}</p> <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ả