beautiful - [Code] Khung thống kê cho PunBB

Tác giả: - vào lúc:

Bài viết : 88

Points : 193

Like : 17

vi01239984564MOD

8/29/2016, 20:10

Khung thống kê đẹp cho PunBB
Demo: beautiful - [Code] Khung thống kê cho PunBB Screen24

Hướng dẫn: Tìm trong index_body đoạn code sau:

Code:

<!-- BEGIN disable_viewonline --> 
bla bla bla bla bla bla....
<!-- END disable_viewonline -->

thay bằng đoạn code:

Code:

<!-- BEGIN disable_viewonline -->
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<div id="pun-info" class="main">

<table width="100%" cellspacing="3" cellpadding="5">                     
<tbody>
<tr>
                                          
<td align="left" valign="top" width="75%" class="table-online">
<div class="statistics-list">  
  
<dl class="center">Statistics</dl>          
<div class="table-liner"></div>
  
<p class="right">  
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" /></a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
<!-- END switch_viewonline_nolink -->
</p>
<p>{TOTAL_USERS_ONLINE}</p>
<p style="margin-top: 5px;">{LOGGED_IN_USER_LIST}</p>  
<div class="clear"></div> 
  
<div class="table-liner"></div>
  
<p class="right">{GROUP_LEGEND}</p>  
<p>{RECORD_USERS}</p>
<p style="margin-top: 5px;">{L_CONNECTED_MEMBERS}</p>
<div class="clear"></div>  
  
</div>  
</td>
                                                
<td>
</td>
                                          
<td align="left" valign="top" width="25%" class="table-online">
<div class="statistics-list">   
                   
<dl><dt>Total Topics :</dt>
<dd><span class="FORUMCOUNTOPIC"></span></dd></dl>
          
<div class="table-liner"></div>          
<dl><dt>Total Posts :</dt>
<dd><span class="FORUMCOUNTPOST"></span></dd></dl>
          
<div class="table-liner"></div>           
<dl><dt>Total Members :</dt>
<dd><span class="FORUMCOUNTUSER"></span></dd></dl>
          
<div class="table-liner"></div>           
<dl><dt>Most Online :</dt>
<dd><strong><span class="FORUMONLINEUSER"></span></strong></dd></dl>
  
<div class="table-liner"></div>           
<dl><dt>Newest Member :</dt>
<dd><strong><span class="FORUMLASTUSERLINK"></span></strong></dd></dl>  
  
</div>                                      
</td> 
                                          
</tr>
</tbody>
</table>
  
</div>
<!-- END disable_viewonline -->

Tiếp tục, thêm đoạn code sau vào CSS:

Code:

.table-online {
    height: auto;
    padding: 5px;
    background: #fff;
    border: 1px solid #ddd;   
}


.table-liner {
    margin: 5px 0;  
    border-top: 1px solid #ddd;
}


.statistics-list img {
    height: 35px;
}


.statistics-list {
    line-height: 2.0;
}
  
.statistics-list dl {
    overflow: hidden;
}
  
.statistics-list dt {
    float: left;
    max-width: 100%;
    margin-right: 5px;
}
  
.statistics-list dd {
    float: right;
    text-align: right;
    max-width: 100%;
}

Tags: #code #statics #beautiful

Được sửa bởi vi01239984564 ngày 8/29/2016, 20:29; sửa lần 1. (Reason for editing : fix)

Bài viết : 134

Points : 210

Like : 12

Kou94MEM LV3

8/29/2016, 20:24

Trong CSS dính chùm BBcode thế này là sao @@

Bài viết : 88

Points : 193

Like : 17

vi01239984564MOD

8/29/2016, 20:29

Kou94 đã viết:

Trong CSS dính chùm BBcode thế này là sao @@

Đã fix, lúc đăng không có ???

Bài viết : 134

Points : 210

Like : 12

Kou94MEM LV3

8/29/2016, 20:31

Thớt cho cái js ra riêng luôn được không?

Bài viết : 88

Points : 193

Like : 17

vi01239984564MOD

8/29/2016, 20:35

Kou94 đã viết:

Thớt cho cái js ra riêng luôn được không?

Vậy bạn thay xóa dòng code:

Code:

<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

rồi bạn truy cập ACP > Modules > HTML & JAVASCRIPT > Javascript codes management > Create a new javascript bỏ vào dòng code sau :

Code:

(function(){if(window.ActiveXObject)var b=new ActiveXObject("Microsoft.XMLHTTP");else window.XMLHttpRequest&&(b=new XMLHttpRequest);null!=b&&(b.onreadystatechange=function(){if(4==b.readyState&&"undefined"===typeof var_fa_is_done){var_fa_is_done=1;var d,g="FORUMURL FORUMURLINK FORUMNAME FORUMNAMELINK FORUMDESC FORUMBIRTHDAY FORUMAGE FORUMCOUNTFORUM FORUMCOUNTOPIC FORUMCOUNTPOST FORUMCOUNTUSER FORUMONLINEUSER FORUMONLINEDATE FORUMLASTUSER FORUMLASTUSERLINK USERNAME USERLINK USERBIRTHDAY USERAGE USERREGDATE USERLASTVISIT USERCOUNTPOST NOW NOWWITHTIME".split(" ");
for(d=0;d<g.length;d++){var h=g[d],e=b.responseText.replace(RegExp('^.+<li style="margin-bottom:5px;direction:ltr;text-align:left;"><strong>{'+h+"}</strong>&nbsp;:&nbsp;(.*?)&nbsp;<span style='direction:ltr'>(.*?)</span><br /></li>.+$"),"$1");if(b.responseText!=e){for(var j=document.getElementsByTagName("*")||document.all,c=[],a=-1;++a<j.length;)for(var k=j[a],l=k.className.split(" "),f=0;f<l.length;f++)if(l[f]==h){c.push(k);break}for(a=-1;++a!=c.length;)"INPUT"==c[a].tagName||"TEXTAREA"==
c[a].tagName?c[a].value+=e:c[a].innerHTML+=e}}}},b.open("GET","/popup_help.forum?l=miscvars",!0),b.send(null))})();

Tích chọn "In the home page" nhé.

Tags: #helper #help