Chắc mọi người đã biết adon thống kê VietXfAdvStats của việtxf, nhưng có vấn đề là thống kê này hiện thị trên style mobile rất to và xấu, tình cờ kiếm đc bài này và đã làm thành công nên lech về cho ai chưa biết
Vào template -> VietXfAdvStats_wrapper_section_li
Thay bằng toàn bộ bằng code sau:
Sau đó vào VietXfAdvStats_wrapper
Thay thế bằng code sau:
Tiếp theo, vào VietxfAdvStats_threads_recent
Vì mình sử dụng recent thread thay cho last thread. Bạn nào sử dụng last thread thì nên dùng recent nhé.
Thay thế code sau:
Vào message.css thêm css sau:
Vào template -> VietXfAdvStats_wrapper_section_li
Thay bằng toàn bộ bằng code sau:
Code:
<xen:if is="{$section.rendered}"> <li id="{$section.section_id}" class="VietXfAdvStats_BlockContent {$liClass}"> {xen:raw {$section.rendered}} </li><xen:else /> </xen:if>
Sau đó vào VietXfAdvStats_wrapper
Thay thế bằng code sau:
Code:
<xen:require js="js/VietXfAdvStats/frontend.js" /><xen:require css="VietXfAdvStats.css" /> <div class=VietXfAdvStats_Header>Chủ đề mới nhất</div> <xen:foreach loop="$sections2nd" value="$section"> <xen:include template="VietXfAdvStats_wrapper_section_li"> » <xen:set var="$liClass">VietXfAdvStats_Block2ndContent</xen:set> </xen:include> </xen:foreach>
Tiếp theo, vào VietxfAdvStats_threads_recent
Vì mình sử dụng recent thread thay cho last thread. Bạn nào sử dụng last thread thì nên dùng recent nhé.
Thay thế code sau:
Code:
<xen:require css="message.css" /> <div class="topx"> » <a href="{xen:link '{xen:if '{$thread.isNew}', 'threads/unread', 'threads'}', {$thread}}"> <xen:if is="@VietXfAdvStats_ThreadTitleChars > 0"> {xen:helper wordtrim, {$thread.title}, @VietXfAdvStats_ThreadTitleChars} <xen:else /> {$thread.title} </xen:if> </a> (<xen:username user="$thread" rich="true" />) </div>
Vào message.css thêm css sau:
Code:
.topx{ /* background-color:#FFFFFF; color:#000000; font-size:.9em; padding: 4px; width:100% -8px; margin-lefT:auto; margin-right:auto; border-left:1px solid @subHeading.border-bottom-color; border-right:1px solid @subHeading.border-bottom-color; border-bottom:1px solid @subHeading.border-bottom-color; */ padding: 3px; border-left:1px solid @subHeading.border-bottom-color; border-right:1px solid @subHeading.border-bottom-color; border-bottom:1px solid @subHeading.border-bottom-color; }