You are not connected. Please login or register

    Style 1
    15062013
    Admin
    Admin
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Chaa_c10(*) Phiên bản hỗ trợ: phpBB2, punBb
    mod_top_posters
    Code:
    <table width="100%" style="padding:0px; margin:0px;" >
    <tr><td class="alt2" style="white-space: nowrap;display:block; width:auto!important; overflow:hidden; padding:0px; margin:0px" valign="top">
    <div class="vn">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td class="thead" style="height:32px!important"></td>
    <td class="thead" style="height:32px!important">

    <script type="text/javascript">function showstuff(value){document.getElementById("sell1").style.display = (value == "sell1") ? "block" : "none";
    document.getElementById("sell2").style.display = (value == "sell2") ? "block" : "none";
    document.getElementById("sell3").style.display = (value == "sell3") ? "block" : "none";
    document.getElementById("sell4").style.display = (value == "sell4") ? "block" : "none";
    document.getElementById("sell5").style.display = (value == "sell5") ? "block" : "none";
    document.getElementById("sell6").style.display = (value == "sell6") ? "block" : "none";}
    </script>

    <select id="changer" name="type" style="width:140px" onchange="showstuff(this.value);"><option value="sell1">Top Posters</option><option value="sell2">Top Starters</option><option value="sell3">Top poster trong tuần</option><option value="sell4">Top poster trong tháng</option><option value="sell5">Được xem nhiều nhất</option><option value="sell6">Trả lời nhiều nhất</option></select></td>
    </tr>

    <tr>
    <td style="border-top: 0px none; padding: 0px; background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/subsilver/empty.gif" width="24" /></td>
    <td nowrap="nowrap" style="border-top: 0px none; padding: 0px; line-height: 20px; background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif) repeat">

    <div style="display: block;" id="sell1">
    <!-- BEGIN POSTER -->
    <div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);" onmouseout="hidetip();" class="smallfont">
          <div style="display:none">
    {POSTER.NB_POSTS}{POSTER.BARRE}
          </div>{POSTER.NAME}            
    </div>
    <!-- END POSTER -->
    </div>
    <!--</td>
    </tr>




    mod starters = mod_top_post_users_week = mod_top_post_users_month
    Code:

    -->
    <div  style="display: none;" id="sell2">
    <!-- BEGIN POSTER -->
    <div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);" onmouseout="hidetip();" class="smallfont">
          <div style="display:none">
    {POSTER.NB_TOPICS}{POSTER.BARRE}
          </div>{POSTER.NAME}            
    </div>
    <!-- END POSTER -->
    </div>
    <!--</td>
    </tr></table>
    </div>
    </td>


    mod_most_viewed_topics
    Code:

    -->
    <div  style="display: none;" id="sell5">
    <!-- BEGIN TOPIC -->
    <div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);" onmouseout="hidetip();" class="smallfont">
          <div style="display:none">
    {TOPIC.NAME}
          </div><div style="width:100px;"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}"><b>{TOPIC.NAME}</b></a> </div>
    </div>
    <!-- END TOPIC -->    
    </div>
    <!--</td>
    </tr></table>
    </div>
    </td>


    mod active topic
    Code:

    -->

    <div  style="display: none;" id="sell6">
    <!-- BEGIN TOPIC -->
    <div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);" onmouseout="hidetip();" class="smallfont">
          <div style="display:none">
    {TOPIC.NAME}
          </div><div style="width:100px;"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}"><b>{TOPIC.NAME}</b></a> </div>
    </div>
    <!-- END TOPIC -->    
    </div>
    </td>
    </tr>

    <tr><td colspan="2" valign="bottom" align="center"><form action="/g4-group" method="post"><input onmouseover="showtip('Tham gia nhóm Trial-Mod...Sau 2 tuần nếu hiệu quả bạn sẽ được nhận làm Mod chính thức của VnTeen......');" onmouseout="hidetip();" onclick="exec_refresh(); alert('Tham gia thành công ! Vui lòng chờ duyệt ^^');" class="c3zotion" name="joingroup" value="Thử Làm Mod" type="submit"></form><br></td></tr>
    </table>
    </div>
    </td>
    <!-- <div>


    mod recent topic
    Code:

    </table>--><td width="100%" valign="top" class="alt2" style="padding:0">
    <!-- BEGIN classical_row --><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td width="20" class="thead" style="height:32px!important;"> </td><td width="80%" class="thead" style="height:32px!important;">    Các bài gửi mới nhất</td><td style="text-align:right;padding-right:5px;height:32px!important;" width="20%" class="thead">Người gửi cuối  </td></tr>
    <tr>
    <td style="background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif) no-repeat;" width="23"><img src="http://2img.net/i/fa/empty.gif" width="24" height="1" /></td>
    <td style="line-height:18px; background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif) repeat" width="80%" valign="top" colspan="2" >

    <!-- BEGIN recent_topic_row --><table class="c3zonee" width="100%" border="0" cellspacing="0" cellpadding="0" style="height:20px"><tr><td width="76%" nowrap="none"><div style="font-size:11px;font-weight:bold"><a onmouseover="showtip('<b>Tiêu đề:</b> <font color=#FF6FAB>{classical_row.recent_topic_row.L_TITLE}</font><br> <b>Thời gian:</b> <font color=#AFFFD0>{classical_row.recent_topic_row.S_POSTTIME}</font>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></div>
    </td><td width="20%" align="right" nowrap="none">
    <div style="font-size:11px;font-weight:bold">
    <!-- BEGIN switch_poster -->
            <a onmouseover="showtip('<b>Click để xem profile của thành viên này !</b>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
            <!-- END switch_poster --><!-- BEGIN switch_poster_guest -->
            {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
            <!-- END switch_poster_guest --></div></td></tr></table>
    <!-- END recent_topic_row -->
    </td></tr></tbody></table><!-- END classical_row -->
    </td></tr></table>



    Thứ tự sắp xếp Widget:
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... 1210

    https://fm-wiki.123.st/
    Share this post on: reddit

    Permissions in this forum:
    Bạn không có quyền trả lời bài viết

    Comments

     15/06/13, 10:26 am
    Admin
    Admin
    (*) Phiên bản hỗ trợ: phpBB2, punBb
    B1:
    Vào [ACP>display>templates>qltt>overall_header] tìm và xóa đi đoạn này:

    Code:
    <div id="{ID_LEFT}">
     <!-- BEGIN giefmod_index1 -->
     {giefmod_index1.MODVAR}
     <!-- BEGIN saut -->
     <div style="height:{SPACE_ROW}px"></div>
     <!-- END saut -->
     <!-- END giefmod_index1 -->
     </div>

    Sau đó dán đoạn này vào dưới overall_header lun :ar!:

    Code:
    <script src="http://illiweb.com/rs3/13/frm/admin/admin.js" type="text/javascript"></script>


    B2:
    Vào [ACP>display>templates>qltt>index_body] dán đoạn này:

    Code:
    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><th colspan="2"><h2>STATISTICS</h2></td></tr>
    <tr><td><table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
    <thead>
    <tr>
    <td><table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
    <tr><td valign="top" style="height: 100%;">
    <!-- BEGIN giefmod_index1 -->
    {giefmod_index1.MODVAR} <!-- END giefmod_index1 -->
                  </div> 
    <br>

    Phía dưới

    Code:
    {JAVASCRIPT}


    B3:
    [ACP>display>templates>portal] lần lượt thay lần lượt mod_poll , mod_recent_topics , mod_statistics , mod_top_poste , mod_most_active_starters , mod_most_active_topics , mod_most_viewed_topics , mod_top_post_users_month , mod_top_post_users_week
    bằng các đoạn tương ứng sau:

    Code:
    <tbody>
    <tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%">
    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td class="title_small" align="center">Bình chọn</td></tr><tr>
    <td class="row1">
    <div class="main">
          {POLL_DISPLAY}
    </div>
    </td></tr></table>
    </td></tr></tbody></table>
    </div>
    <div class="Page"><table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td>

    Code:
    </td></tr></table></td>
    <td valign="top" width="100%" style="background-color: #fff;">
    <style type="text/css">
    th,td,p {
        font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif }
    /* Style cho menu tabs */div.TabView div.Tabs{overflow: hidden;}div.Tabs{color: #027EC6;
       font-size: 11px!important;
       font-weight : bold;
       background-color: #006699;
       background-image: url("http://i763.photobucket.com/albums/xx272/thuanoo7/Decorated%20images/bg-tit10.gif");height: 26px!important;padding: 0px 5px;}div.TabView div.Tabs: hover,{overflow: hidden;}div.TabView div.Tabs a , div.TabView div.Tabs a:hover {float: left;display: block;background-color:#;text-align: center;padding: 4px 6px;vertical-align: middle; /* đường viền quanh tabs menu */text-decoration: none;font-family: Tahoma;font-size: 11px;color: #000000;}div.TabView div.Tabs a.Active{background: transparent url(/users/2211/12/43/96/album/tcat10.png); /* màu nền tab menu active */color: #000000;font-size: 11px;font-weight: bold;color: #fff;}/* Style cho phần text nội dung của mỗi tab */div.TabView {clear: both;border: 0px solid #ffffff;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;border: 0px solid #b4d0f3;overflow: hidden;background-color:#fff; /* giá trị là auto nếu muốn hiện scroll bar */}</style><script type="text/javascript" src="http://thuan007.googlecode.com/files/Tabview.js"></script><div id="TabView" class="TabView" style="padding: 1px;"><!--
    tabs --><div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài Viết Mới</a><a>Bình chọn</a><a>Thống kê</a><ul class="tabs" id="vietvbb_topstats_t">  <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul> </div><!--
     nội dung tabs --><div style="height: 419px; width:100%" class="Pages">

    <div class="Page" style="height: 417px;"><!-- BEGIN classical_row -->

    <table style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
    <td>

    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
    </table></td></tr></tbody>
    <tbody>
    <tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="title_small" align="center" width="65%">Bài gửi</td><td class="title_small" align="center" width="15%">Thời gian</td><td class="title_small" align="center">Người gửi</td></tr><tr valign="top"><td colspan="3" style="border-top: 0px none; padding: 5px;"><!-- BEGIN recent_topic_row --><div class="a1tg3td" style="height: 22px;"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td width="65%"><a onmouseover="show_tooltip(this,this.getElementsByTagName('span')[0].innerHTML,'Info');" href="{classical_row.recent_topic_row.U_TITLE}"><img src="/users/2211/12/43/96/album/post_n10.gif" /> <font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font><span style="display: none;"><b>Tiêu đề: </b><font color=#0072ff>{classical_row.recent_topic_row.L_TITLE}</font><br><br> <b>Thời gian: </b> <font color=#ff0000>{classical_row.recent_topic_row.S_POSTTIME}</font><br><br><b>Người gửi cuối: </b> <!-- BEGIN switch_poster -->{classical_row.recent_topic_row.switch_poster.S_POSTER}<!-- END switch_poster --></span></a></td><td width="13%" align="center"><a onmouseover="show_tooltip(this,'<span> {classical_row.recent_topic_row.S_POSTTIME}</span>','');"><img src=/users/2211/12/43/96/album/clock110.png>   </a></td><td align="left"><!-- BEGIN switch_poster --><a onmouseover="show_tooltip(this,'<span>Click để xem profile của thành viên này !</span>','');"  href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-family: Tahoma; font-size: 11px">
       
           {classical_row.recent_topic_row.switch_poster.S_POSTER}
            </font></a> <!-- END switch_poster --></td></tr></table></div><!-- END recent_topic_row --></td></tr></table></td></tr></table>
    <!-- END classical_row -->

    </div>

    <div class="Page">
    <table style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td>

    Code:
    <tbody>
    <tr><td style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="title_small">Thống kê bài viết</td></tr><tr><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left">
     <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/search.forum?search_id=activetopics><span><font style="font-family: Tahoma; font-size: 11px">Bài viết trong ngày</span></a>
    <br>
     <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#10><span><font style="font-family: Tahoma; font-size: 11px">Các bài viết trong tháng</span></a>
    <br>
     <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#2><span><font style="font-family: Tahoma; font-size: 11px">Thống kê tổng thể</span></a>
    <br>
     <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#3><span><font style="font-family: Tahoma; font-size: 11px">Topic sôi nổi nhất</span></a>
    <br>
      <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#4><span><font style="font-family: Tahoma; font-size: 11px">Topic xem nhiều nhất</span></a>
    <br>
     <img src="/users/2211/12/43/96/album/post_n10.gif" />  <A href=/stats.htm#5><span><font style="font-family: Tahoma; font-size: 11px">Thành viên có nhiều chủ đề nhất</span></a>
    <br>
      <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#6><span><font style="font-family: Tahoma; font-size: 11px">Thành viên post bài nhiều nhất trong 1 tuần</span></a>
    <br>
     <img src="/users/2211/12/43/96/album/post_n10.gif" />  <A href=/stats.htm#7><span><font style="font-family: Tahoma; font-size: 11px">Thành viên post bài nhiều nhất trong tháng</span></a>
    <br>
      <img src="/users/2211/12/43/96/album/post_n10.gif" /> <A href=/stats.htm#8><span><font style="font-family: Tahoma; font-size: 11px">Top poster</span></a>
    <br>
       <img src="/users/2211/12/43/96/album/post_n10.gif" />  <A href=/stats.htm#9><span><font style="font-family: Tahoma; font-size: 11px">Số topic trong tháng</span></a>
    <br>
    </td></tr><tr><td class="title_small">Thống kê thành viên</td></tr><tr><td class="row1" style="padding: 8px;"><div class="module main">
        <div class="main-content"><span class="gensmall">
            <font style="color: red;">{TOTAL_USERS}</font><br><br><font style="color:#ff8a00;">{NEWEST_USER}</font><br><br>
            {TOTAL_POSTS} {TOTAL_TOPICS}<br></span>
        </div>
    </div></td></tr></table></td></tr></tbody></table>
    </div>
     <script type="text/javascript">tabview_initialize('TabView');</script><ScrollTop --><style type="text/css">#topbar{  PADDING-TOP: 0px;PADDING-BOTTOM: 0px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px;VISIBILITY: hidden;WIDTH: 180px;FONT-FAMILY: Tahoma;POSITION: absolute;}</style><script type="text/javascript">var persistclose = 0<!--
     Vị trí-->var startX = 80var startY = 500var verticalpos = "frombottom"function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function get_cookie(Name){var search = Name + "="var returnvalue = "";if (document�cookie.length > 0){offset = document�cookie.indexOf(search)if (offset != -1){offset += search.lengthend = document�cookie.indexOf(";", offset);if (end == -1) end = document�cookie.length;returnvalue=unescape(document�cookie.substring(offset, end))}}return returnvalue;}function closebar(){if (persistclose)document�cookie="remainclosed=1"document.getElementById("topbar").style.visibility="hidden"}function staticbar(){barheight=document.getElementById("topbar").offsetHeightvar ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;var d = document;function ml(id){var el=d.getElementById(id);if (!persistclose || persistclose && get_cookie("remainclosed")=="")el.style.visibility="visible"if(d.layers)el.style=el;el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};el.x = startX;if (verticalpos=="fromtop")el.y = startY;else{el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;el.y -= startY;}return el;}window.stayTopLeft=function(){if (verticalpos=="fromtop"){var pY = ns ? pageYOffset : iecompattest().scrollTop;ftlObj.y += (pY + startY - ftlObj.y)/8;}else{var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;ftlObj.y += (pY - startY - ftlObj.y)/8;}ftlObj.sP(ftlObj.x, ftlObj.y);setTimeout("stayTopLeft()", 10);}ftlObj = ml("topbar");stayTopLeft();}if (window.addEventListener)window.addEventListener("load", staticbar, false)else if (window.attachEvent)window.attachEvent("onload", staticbar)else if (document.getElementById)window.onload=staticbar</script>


    </div>
    </td>
    </tr></thead></table>

    </td></tr></table>

    Code:
    <script type="text/javascript">function showstuff2(value){
    document.getElementById("sell3").style.display = (value == "sell3") ? "block" : "none";document.getElementById("sell4").style.display = (value == "sell4") ? "block" : "none";document.getElementById("sell5").style.display = (value == "sell5") ? "block" : "none";document.getElementById("sell6").style.display = (value == "sell6") ? "block" : "none";
    }
    </script><table width="100%" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #fff;height: 26px;"><tr>
    <th colspan="2" style="border: 0px;height: 26px;"><select id="changer2" name="type" style="width:140px" onchange="showstuff2(this.value);"><option value="sell3">Top poster</option><option value="sell4">Top starter</option><option value="sell5">Top poster week</option><option value="sell6">Top poster month</option></select></th>
    </tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" style="display: block;" id="sell3"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font></div><!-- END POSTER --></td></tr>
    </table>
       
         

    Code:
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" id="sell4" style="display: none;"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_TOPICS}</font></div><!-- END POSTER --></td></tr>
    </table>

    Code:
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="display: none;" id="sell2"><tr><td style="font-size: 11px;border-top: 0px none; padding: 0px; line-height: 18px;width: 220px;" align="left"><!-- BEGIN TOPIC --><div style="height: 19px;">
     <img src="/users/2211/12/43/96/album/note_n10.gif" /> <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}" class="lengtht">{TOPIC.NAME}</a><span style="float:right;">   replies</span><span class="a1view" style="float:right;">{TOPIC.TITLE}</span></div>
    <!-- END TOPIC -->
    </td></tr></table>

    Code:
    <script type="text/javascript">function showstuff1(value){document.getElementById("sell1").style.display = (value == "sell1") ? "block" : "none";
    document.getElementById("sell2").style.display = (value == "sell2") ? "block" : "none";
    }
    </script>
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #fff;height: 26px;"><tr><th colspan="2" style="border: 0px;height: 26px;"><select id="changer1" name="type" style="width:140px" onchange="showstuff1(this.value);"><option value="sell1">Top viewed</option><option value="sell2">Top hot</option></select></th></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%" style="display: block;" id="sell1"><tr><td style="font-size: 11px;border-top: 0px none; padding: 0px; line-height: 18px;width: 220px;" align="left"><!-- BEGIN TOPIC --><div style="height: 19px;">
     <img src="/users/2211/12/43/96/album/note_n10.gif" /> <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}" class="lengtht">{TOPIC.NAME}</a><span style="float:right;">  lượt xem</span><span class="a1view" style="float:right;">{TOPIC.TITLE}</span></div>
    <!-- END TOPIC -->
    </td></tr></table>

    Code:
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" id="sell6" style="display: none;"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font></div><!-- END POSTER --></td></tr>
    </table>

    Code:
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" id="sell5" style="display: none;"><tr valign="top"><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 118px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="padding: 2px;border-top: 1px #dbdbdb solid;" class="row1"><!-- BEGIN POSTER --><div style="height: 20px;width: 93px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font></div><!-- END POSTER --></td></tr>
    </table>


    [ACP>display>color>css]

    Code:
    #sell1,#sell2,#sell3,#sell4,#sell5,#sell6{background-color: #fff;}

    Sau đó [ACP>display>templates>Quản lý tổng thể>overal_footer]
    dán đoạn script này vào

    đây là script giúp lấy ra được số lượt xem , trả lời và hạn chế số ký tự của tiêu đề Very Happy

    Code:
    <script>$("a.lengtht").each(function(){
            if ($(this).text().length > 22) {$(this).text($(this).text().substr(0, 19));$(this).append('...');
            }
        });$(".a1view").each(function(){$(this).html(parseInt($(this).text().replace(/^[\s\S]*-\s+(\d+)\s+[\s\S]*$/m, '$1')));});</script>


    Lưu ý
    [acp>module>Forum widgets management]

    Widgets đặt như hình 
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Screen11

    Bài gửi
     15/06/13, 10:27 am
    Admin
    Admin
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Last10(*) Phiên bản hỗ trợ: Invision
    Tạo 1 Widget mới
    - Widget name : Last phutu
    - Use a table type : Yes
    - Widget title : Statistics Board
    - Widget source * : 
    Code:
    <table style="border:0" width="100%"><tr>
    <td width="40%" style="height:250px;border: 1px solid #ccc;margin-top:5px;margin-left:5px;padding:0px 10px;background:#FFF url(http://i74.servimg.com/u/f74/16/18/15/10/176.png) repeat-x top left">
        <div id="cat" style="height:12px;padding:3px;margin-bottom:15px">
          <span class="tin_tuc active" alt="all">MỚI</span>
          <a href="/f8-forum" class="tin_tuc" alt="3">[I] Mod</a>
          <a href="/f9-forum" class="tin_tuc" alt="2">[I] TUT</a>
          <a href="/f7-forum" class="tin_tuc" alt="1">[I] Skin</a>
          <a href="/f18-forum" class="tin_tuc" alt="4"><red>[I] Quest</red></a>
          <a href="/f34-forum" class="tin_tuc" alt="5" style="border-right:0px">Request Skin</a>
        </div>
        <div style="display:inline-block;width:51%;margin-left:0px;height:210px" id="demo">
            <div class="newsw" style="height:193px;overflow:hidden;margin-bottom:4px;top:0!important">
              <span id="show_topic" class="1">
                 <div style="margin:auto;text-align:center">
     <div style="width:233px;height:4px;margin-left:7px;background:#e1e1e8"></div>
                    <div class="ava_new"></div>
     <div style="width:233px;height:4px;margin-left:7px;background:#e1e1e8;margin-bottom:5px;"></div>
                 </div>
                    <span class="a_new"></span>
              </span>
              <span id="show_topic" class="2">
                 <div style="margin:auto;text-align:center">
     <div style="width:233px;height:4px;margin-left:7px;background:#e1e1e8"></div>
                    <div class="ava_new"></div>
     <div style="width:233px;height:4px;margin-left:7px;background:#e1e1e8;margin-bottom:5px;"></div>
                 </div>
                    <span class="a_new"></span>
              </span>
              <span id="show_topic" class="3">
                 <div style="margin:auto;text-align:center">
     <div style="width:233px;height:4px;margin-left:7px;background:#e1e1e8"></div>
                    <div class="ava_new"></div>
     <div style="width:233px;height:4px;margin-left:7px;background:#e1e1e8;margin-bottom:5px;"></div>
                 </div>
                    <span class="a_new"></span>
              </span>
              <span id="show_topic" class="4">
                 <div style="margin:auto;text-align:center">
     <div style="width:233px;height:4px;margin-left:7px;background:#e1e1e8"></div>
                    <div class="ava_new"></div>
     <div style="width:233px;height:4px;margin-left:7px;background:#e1e1e8;margin-bottom:5px;"></div>
                 </div>
                    <span class="a_new"></span>
              </span>
              <span id="show_topic" class="5">
                 <div style="margin:auto;text-align:center">
     <div style="width:233px;height:4px;margin-left:7px;background:#e1e1e8"></div>
                    <div class="ava_new"></div>
     <div style="width:233px;height:4px;margin-left:7px;background:#e1e1e8;margin-bottom:5px;"></div>
                 </div>
                    <span class="a_new"></span>
              </span>
            </div>
            <div class="phu1" align="right"><span class="active" id="1" style="border-left:1px solid #ccc">1</span><span id="2">2</span><span id="3">3</span><span id="4">4</span><span id="5">5</span>
            </div>
        </div>
        <div class="show" style="width:48%;float:right;display:inline-block;background: url(http://i38.servimg.com/u/f38/16/18/15/10/loadin11.gif)no-repeat center center;height:175px">
            <ul class="baiviet" id="baiviet" alt="1">
              <span id="blog_tintuc">
          <span class="blog_pt1"></span>
                  <span class="ava_pt"></span>
              </span>
            </ul>
     <ul class="baiviet1" id="baiviet" alt="2">
              <span id="blog_tintuc">
          <span class="blog_pt1"></span>
                  <span class="ava_pt"></span>
              </span>
     </ul>
     <ul class="baiviet2" id="baiviet" alt="3">
              <span id="blog_tintuc">
          <span class="blog_pt1"></span>
                  <span class="ava_pt"></span>
              </span>
     </ul>
        </div>
    </td>

    <td width="50%" style="height:230px;/*float:right;*/border: 1px solid #ccc;background: #f7f2f7  url(http://i74.servimg.com/u/f74/16/18/15/10/134.png) repeat-y left;margin-top:5px;padding:10px;margin-right:5px">
        <div id="thai_tab">
            <ul id="stabs">
                <li class="active"><a href="#tab1" alt="last-mia">NEW</a>
                </li>
                <li><a href="#tab2" alt="mostrep">REP</a>
                </li>
                <li><a href="#tab3" alt="mostview">VIEW</a>
                </li>
                <li><a href="#tab4" alt="toppostter">TOP</a>
                </li>
                <li><a href="#tab8" alt="topstarter">STARTER</a>
                </li>
                <li><a href="#tab5" alt="help">HỖ TRỢ</a>
                </li>
            </ul>
        </div>
                  <div id="main-lastpost" class="mitienich"></div>
    </td>
      
    </tr>
    </table><div id="help" style="display:none">
        <table style="border:0" width="100%"><tr>
            <td class="row1" width="100%">
            <a href="ymsgr:sendim?miamorwest" class="toppost">
              <img src="http://opi.yahoo.com/online?u=miamorwest&m=g&t=5"/> Admin</a>
            </td>
        </tr></table>

            <div style="font:bold 24px Arial;color:#b0b0b0;margin-left:50px;margin-top:22px">0166 513 5866</div>
    </div>

    <style>
    .mitienich .row1,.mitienich .row2,.topposter .row1,.topposter .row2,.mostview .row1,.mostview .row2{background:transparent!important;border:0 none;margin-left:3px!important;line-height:18px!important;border-bottom:1px dashed #d4d4d4!important}
    .hottest .row1,.hottest .row2{background:#FFF!important;border:0 none!important}
     /*top posters*/
    .toppost{font-size:11px;float:left;text-overflow:ellipsis;white-space:nowrap;max-width:350px;overflow:hidden}
    .topposter .gensmall{float:right}
    /*.topright{float:right;vertical-align:right;max-width:20px;margin-right:65px;font-size:11px}*/
    .topright .topw{float:right;vertical-align:right;text-align:right;margin-right:5px;font-size:11px}
     /*recent topics*/
    #name-lastpost{position:relative;font-style:italic;width:100%}
    #left .ecla a[href*="/t"]{float:left;height:21px;overflow:hidden;line-height:18px}
    .topiccp{width:/*285px*/48%!important;overflow:hidden;text-overflow:ellipsis}
    #left .module .box-content .postercp{float:right}
    /*.ecla .avatarS img{margin-top:-7px!important}
    */#left .ecla{border:0!important;background:transparent url(http://i81.servimg.com/u/f81/17/70/31/89/bg11.png)!important;height:202px!important;overflow:hidden}
       /* Last style */
    red{color:red}
    .tin_tuc.active{color:#464a4f;border:1px solid #d4d4d4!important;padding:14px 16px 6px 16px;margin-top:-13px!important;background:#FFF;border-bottom:0!important}
    a.tin_tuc,.tin_tuc{color:#1C8096;font:bold 11px Arial;display:inline-block;border-right:1px solid #e1e1e8;padding:0 14px}
    .tin_tuc:hover{color:#464a4f;cursor:pointer}
    .ava_new,#ava_post{width:250px;height:150px;top:0!important;border:1px solid #b0b0b0;overflow:hidden;margin-left:0}
    .ava_new img,#ava_post img{width:250px;height:150px}
    .a_new{font:bold 12px Verdana;height:30px!important}
    #baiviet .ava_pt{width:100px;border:1px solid #b0b0b0;float:left;margin-right:6px;height:58px;overflow:hidden}
    #baiviet .ava_pt img{display:inline;width:100px;height:58px}
    #baiviet .blog_pt1{display:inline-block;width:115px;position:absolute;margin-left:108px;background:#fff;height:55px}
    #baiviet #blog_tintuc{margin-bottom:8px;height:62px;margin-left:5px;display:inline-block;background-color:#FFF;overflow:hidden}
    /*#baiviet #blog_tintuc a{color:#3c3c3d;font:bold 12px Arial}
    #baiviet #blog_tintuc:hover a{color:#ba3814}
    */#demo .phu1 span{color:#333;font:bold 11px Arial;display:inline-block;border:1px solid #ccc;cursor:pointer;border-bottom:0;border-left:0;margin-top:-3px;padding:3px 10px}
    #demo .phu1 span.active{cursor:default;color:#B42000}
    #show_topic{display:inline-block;height:193px}
    #thai_tab{border-bottom:1px solid #dedede;padding-bottom:2px;margin-top:-4px;margin-bottom:4px;padding-left:5px}
    #stabs li{display:inline;list-style:none;padding:2px}
    #stabs li a{font:bold 11px Arial;color:#333;border:1px solid transparent;padding:4px 7px}
    #stabs li.active a{border:1px solid #d4d4d4;background:#FFF;padding:3px 5px 2px;margin-bottom:-1px;border-bottom:1px solid #f7f2f7;color:#ba3814}
    #help img{margin-left:6px;margin-right:4px}
    </style>
    Sắp xếp Widget https://i.servimg.com/u/f81/17/70/31/89/widget10.png
    Tạo 1 js mới
    - Title * : Last phutu
    - Placement : In all the pages hoặc In the homepage
    - Javascript Code * : 
    Code:
    /* Plz do not remove or change anything the line below.*/
    /*~~~~ Last topic new style by http://phutu.org
    Original version: punbb ~~~~*/

    function loadTin() {
        $('.1').find('.a_new').load('/f7-forum .topictitle:eq(0)', function () {
            var url = $(this).find('a').attr('href');
            $(this).parents('#show_topic').find('.ava_new').load(url + ' .post-entry:eq(0) img:eq(0)')
        });
        $('.2').find('.a_new').load('/f9-forum .topictitle:eq(0)', function () {
            var url = $(this).find('a').attr('href');
            $(this).parents('#show_topic').find('.ava_new').load(url + ' .post-entry:eq(0) img:eq(0)')
        });
        $('.3').find('.a_new').load('/f8-forum .topictitle:eq(0)', function () {
            var url = $(this).find('a').attr('href');
            $(this).parents('#show_topic').find('.ava_new').load(url + ' .post-entry:eq(0) img:eq(0)')
        });
        $('.4').find('.a_new').load('/f18-forum .topictitle:eq(0)', function () {
            var url = $(this).find('a').attr('href');
            $(this).parents('#show_topic').find('.ava_new').load(url + ' .post-entry:eq(0) img:eq(0)')
        });
        $('.5').find('.a_new').load('/f34-forum .topictitle:eq(0)', function () {
            var url = $(this).find('a').attr('href');
            $(this).parents('#show_topic').find('.ava_new').load(url + ' .post-entry:eq(0) img:eq(0)')
        })
    }

    function loadShow() {
        $('.baiviet').find('.blog_pt1').load('/f8-forum .topictitle:eq(0)', function () {
            var url = $(this).find('a').attr('href');
            $(this).parents('#baiviet').find('.ava_pt').load(url + ' .post-entry:eq(0) img:eq(0)')
        });
        $('.baiviet1').find('.blog_pt1').load('/f18-forum .topictitle:eq(0)', function () {
            var url = $(this).find('a').attr('href');
            $(this).parents('#baiviet').find('.ava_pt').load(url + ' .post-entry:eq(0) img:eq(0)')
        });
        $('.baiviet2').find('.blog_pt1').load('/f7-forum .topictitle:eq(0)', function () {
            var url = $(this).find('a').attr('href');
            $(this).parents('#baiviet').find('.ava_pt').load(url + ' .post-entry:eq(0) img:eq(0)')
        })
    }

    $(function () {
        loadTin();
        loadShow();
        $('#left .module:eq(5) .box-content:eq(0)').wrap('<div id="last-mia" style="display:none"></div>').addClass('ecla');
        $('#left .module:eq(5) a[href^="/t"]').addClass('topiccp').next().remove();
        $('#left .module:eq(5) a[href^="/u"]').addClass('postercp').next().remove();
        $('#left .module:eq(5) br').addClass('clear');
        $('#left .module:eq(1) .box-content table:eq(0)').wrap('<div id="toppostter" style="display:none"></div>');
        $('#left .module:eq(2) .box-content table:eq(0)').wrap('<div id="topstarter" style="display:none"></div>');
        $('#left .module:eq(3) .box-content table:eq(0)').wrap('<div id="mostview" style="display:none"></div>');
        $('#left .module:eq(4) .box-content table:eq(0)').wrap('<div id="mostrep" style="display:none"></div>');
        $('#left .module:eq(1), #left .module:eq(2), #left .module:eq(3), #left .module:eq(4), #left .module:eq(5)').wrap('<div style="display:none" id="widget"></div>');
        $('#left .module:eq(1) a[href^="/u"], #left .module:eq(2) a[href^="/u"], #left .module:eq(3) a, #left .module:eq(4) a').addClass('toppost');
        $('#left .module:eq(1) .box-content table tr td:nth-child(2n), #left .module:eq(2) .box-content table tr td:nth-child(2n)').addClass('topright');
        $('.topright').each(function () {
            tit = $(this).attr('title');
            $(this).html('<span class="topw">' + tit + '</span>')
        });
      $("#main-lastpost").html($("#last-mia").html());
        $(".phu1 span").click(function () {
            $(".phu1 span").removeClass("active");
            $(this).addClass("active");
            var a = eval($(this).attr("id"));
            var b = a - 1;
            $("#demo #show_topic").hide();
            $("#demo ." + a).show()
        });
        $("#stabs li").click(function () {
            $("#stabs li").removeClass('active');
            $(this).addClass("active");
            var kind = $(this).find("a").attr("alt");
            $("#main-lastpost").html($("#" + kind).html());
            return false
        });
        $('span.tin_tuc').click(function () {
            $(".tin_tuc").removeClass('active');
            $(this).addClass("active");
            loadShow()
        });
        $("a.tin_tuc").click(function () {
            var tab = $(this).attr("alt");
            $('.phu1 span').removeClass('active');
            $('.phu1 #' + tab).addClass('active');
            $("#demo #show_topic").hide();
            $("#demo ." + tab).show();
            $(".tin_tuc").removeClass('active');
            $(this).addClass("active");
            var link = $(this).attr("href");
            $('.show,#baiviet').hide();
            $('.ava_pt').html('<img src="http://i72.servimg.com/u/f72/18/23/08/62/loadin10.gif"/>');
            $('ul#baiviet').each(function () {
                var num = $(this).attr('alt');
                $(this).find('.blog_pt1').load(link + ' .topictitle:eq(' + num + ')', function () {
                    var url = $(this).find('a').attr('href');
                    $(this).parents('#baiviet').find('.ava_pt').load(url + ' .post-entry:eq(0) img:eq(0)')
                })
            });
            $('.show,#baiviet').fadeIn(5000);
            loadTin();
            return false
        });
    });

    Bài gửi
     15/06/13, 10:30 am
    Admin
    Admin
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Untitl10(*) Phiên bản hỗ trợ: phpBB2, punBb

    B1: ACP> Display> Templates> Portals > tìm những mục tương ứng và thay toàn bộ codes trong đường link liên kết
    1. mod_recent_topics
    http://tny.cz/006fca94
    2. mod_most_active_starters
    http://tny.cz/795ead8c
    3. mod_most_active_topics
    http://tny.cz/f1dabd60
    4. mod_most_viewed_topics
    http://tny.cz/fccd9784
    5. mod_top_posters
    http://tny.cz/00bc358e
    6. mod_top_post_users_month
    http://tny.cz/2f9a76ea
    7. mod_top_post_users_week
    http://tny.cz/8e9fe2ce

    B2: ACP> Display> Templates> General > Tìm đoạn codes sau trong overall_header (gần cuối í)
    Code:
    <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                      <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                        <tbody>
                            <tr>
                              <td valign="top" width="{C1SIZE}">
                                  <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                  </div>
                              </td>
                              <td valign="top" width="100%">
    <!-- BEGIN html_validation -->
                              </td>
                            </tr>
                        </tbody>
                      </table>
                  </div>
                </div>
            </td>
          </tr>
      </table>
    </body>
    </html>
    <!-- END html_validation -->

    thay bằng:
    Code:
    <div id="page-body">
          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                              <table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" >
        <tbody>
                                    <tr>
                                      <td valign="top" width="100%">
                                          <div class="test">
        <table class="thongke" cellpadding="4" cellspacing="0" style="border: 1px #c0c0c0 solid;" border="0" width="100%" align="center">
        <thead>
              <tr valign="top">
                <th height="30"><center>News & Announcements</center></th>
              </tr>
          </thead>
        <tr>
        <td width="100%">
        <table class="thongke" cellpadding="0" cellspacing="4" border="0" width="100%" align="center">
        <thead>
              <tr valign="top">
        <td width="23%"></td><td width="100%" colspan="2"></td>
        </tr>
        <tr>
        <td><table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" ><tr><td colspan="3"><div style="margin-bottom: 35px; border: 1px solid #9DB3C5; "><ul class="tabs"><li class="current"><span style="padding: 0px 7px;">MaiKhongQuen-A2Forum</span></li></ul>

    <embed src="http://dl.dropbox.com/u/10126397/focus.swf" wmode="opaque" flashvars="config=5|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000&
    bcastr_flie=http://i43.servimg.com/u/f43/16/03/68/32/000011.png
    |http://i43.servimg.com/u/f43/16/03/68/32/p1030010.jpg
    |http://i43.servimg.com/u/f43/16/03/68/32/p1030011.jpg
    |http://i37.servimg.com/u/f37/15/97/41/27/tet10.jpg
    |http://i69.servimg.com/u/f69/15/69/19/33/theold10.jpg
    |http://i37.servimg.com/u/f37/15/97/41/27/12887710.jpg
    |http://i64.servimg.com/u/f64/13/54/69/46/thumb_10.jpg
    |http://i60.servimg.com/u/f60/14/00/66/74/arbfv110.jpg


    &bcastr_link=http://maikhongquen.forumvi.com/forum
    |http://maikhongquen.forumvi.com/forum
    |http://maikhongquen.forumvi.com/forum
    |http://maikhongquen.forumvi.com/forum
    |http://maikhongquen.forumvi.com/forum
    |http://maikhongquen.forumvi.com/forum
    |http://maikhongquen.forumvi.com/forum
    |http://maikhongquen.forumvi.com/forum
    &bcastr_title= Welcom to A2 forum
    |A2 lớp mình nek!
    |Kon zai A2 lớp mình nek!
    | Tết Tân Mão
    |A2 yêu dấu
    |Xuân 2011
    |Quốc tế Phụ nữ 8.3
    |Hưởng ứng giờ trái đất



    & menu="false" quality="high" width="100%" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></div></td></tr>
        <tr><td valign="top" style="border: 1px solid #9DB3C5;">
        <!-- BEGIN giefmod_index1 -->
        {giefmod_index1.MODVAR} <!-- END giefmod_index1 --></tr></thead></table>

        </td></tr></table>

        </div>
                                      </td>
            </tr><tr>
                                    <td valign="top" width="100%">
        <!-- BEGIN html_validation -->
                                  </td>
                                </tr>
                            </tbody>
                          </table>
                      </div>
                    </div>
                </td>
              </tr>
          </table>
        </body>
        </html>
        <!-- END html_validation -->





        <script type="text/javascript">
        var tooltip=function(){
          var id = 'tt';
          var top = 7;
          var left = 3;
          var maxw = 300;
          var speed = 10;
          var timer = 20;
          var endalpha = 90;
          var alpha = 0;
          var tt,t,c,b,h;
          var ie = document.all ? true : false;
          return{
              show:function(v,w){
                if(tt == null){
                    tt = document.createElement('div');
                    tt.setAttribute('id',id);
                    t = document.createElement('div');
                    t.setAttribute('id',id + 'top');
                    c = document.createElement('div');
                    c.setAttribute('id',id + 'cont');
                    b = document.createElement('div');
                    b.setAttribute('id',id + 'bot');
                    tt.appendChild(t);
                    tt.appendChild(c);
                    tt.appendChild(b);
                    document.body.appendChild(tt);
                    tt.style.opacity = 0;
                    tt.style.filter = 'alpha(opacity=0)';
                    document.onmousemove = this.pos;
                }
                tt.style.display = 'block';
                c.innerHTML = v;
                tt.style.width = w ? w + 'px' : 'auto';
                if(!w && ie){
                    t.style.display = 'none';
                    b.style.display = 'none';
                    tt.style.width = tt.offsetWidth;
                    t.style.display = 'block';
                    b.style.display = 'block';
                }
                if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
                h = parseInt(tt.offsetHeight) + top;
                clearInterval(tt.timer);
                tt.timer = setInterval(function(){tooltip.fade(1)},timer);
              },
              pos:function(e){
                var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
                var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
                tt.style.top = (u - h) + 'px';
                tt.style.left = (l + left) + 'px';
              },
              fade:function(d){
                var a = alpha;
                if((a != endalpha && d == 1) || (a != 0 && d == -1)){
                    var i = speed;
                    if(endalpha - a < speed && d == 1){
                      i = endalpha - a;
                    }else if(alpha < speed && d == -1){
                      i = a;
                    }
                    alpha = a + (i * d);
                    tt.style.opacity = alpha * .01;
                    tt.style.filter = 'alpha(opacity=' + alpha + ')';
                }else{
                    clearInterval(tt.timer);
                    if(d == -1){tt.style.display = 'none'}
                }
              },
              hide:function(){
                clearInterval(tt.timer);
                tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
              }
          };
        }();

        </script>


    B3: ACP> Module> Portal & Widgets> Widget Management
    https://i.servimg.com/u/f43/16/03/68/32/module10.jpg

    B4: chèn vào cuối CSS
    ACP> Display> Colors & Pics> Colors> CSS stylesheet
    Code:
    /* tabs-------------------------------------------------------------*/
    .tabs { margin: 0; padding: 0;}
    .tabs { padding-bottom: 31px; margin-bottom: 15px; background: #e5effe; border-bottom: 1px solid #b4d0f3; }
    .tabs li { list-style: none;float: left; line-height: 30px; border-right: 1px solid #b4d0f3; height: 30px; font-size: 11px;}
    .tabs li.current { background: #FFF; height: 32px; font-weight: bold; }
    .mainbox { background: #FFF; border: 1px solid #9DB3C5; margin-bottom: 6px; padding: 1px;}
    .mainbox table { width: 100%; }
    #dhtmlpointer, #dhtmltooltip
    {
      z-index: 999;
      left: -300px; top:0px;
      visibility: hidden;
      position: absolute;
    }
    #dhtmltooltip
    {
      border: #666 2.4px solid;
      -moz-opacity: 0.8;
      opacity: 0.8;
      filter: alpha(opacity=80);
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      padding: 10px;
      font-size: 9pt;
      font-family: Arial;
      background-color: white;
      width: auto;
      max-width: 340px;
      width:expression( document.body.clientWidth > 340? "340px": "auto" );
      text-align:left;
    }

    Bài gửi
     15/06/13, 10:30 am
    Admin
    Admin
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Grav_b10(*) Phiên bản hỗ trợ: Invision
    B1: Cài đặt, sắp xếp Widget: (phần bên phải í)
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Grav_w10

    B2: Tạo 1 file javascript mới cho chạy In all the pages với nội dung như sau:
    Code:
    $(function () {
        $('#right .module:eq(1)').addClass('recent');
        $('#right .module:eq(1) a[href^="/t"]').addClass('lastpost');
    });
    $(document).on('ready', function () {
        $('#right .module.borderwrap:last .box-content a.lastpost').prepend('<div class="avatar-index"><div>');
        $('#right .module.borderwrap:last .box-content a.lastpost .avatar-index').each(function () {
            var profileUser = $(this).parent('a').attr('href');
            $(this).html('<a href="' + profileUser + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
            $(this).children('a').load(profileUser + ' .postprofile-details.postdetails dt:eq(0) img:eq(0)');
        });
    });

    Bài gửi
     15/06/13, 10:31 am
    Admin
    Admin
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Lastin10(*) Phiên bản hỗ trợInvision
    CSS :
    Code:
    #content-container div#left {float: none;width: 100%}
    #left .topposterc3z {float: left; width: 250px; margin-right:10px;}
    #left .recent {float: right; margin-left:-100px; width:680px;}
    #left .module .box-content a {margin:2px 0}
    #left .module .box-content .postercp{float:right;}
    #left a[href*="/t"]::before{content:counter(stt)".";counter-increment:stt;float:left;position:absolute;text-align: right;width:25px!important;margin-left:-25px;}
    #left a[href*="/t"]{float:left;margin-right:264px;height:14px;overflow:hidden;padding-left:16px;}
    #left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt}

    Javascript : Tạo 1 file javascript mới, đặt In all the pages với nội dung như sau:
    Code:
    $(function(){
      $('#left .module:eq(0)').addClass('topposterc3z').next().remove();
      $('#left .module:eq(1)').addClass('recent').next().remove();
      $('#left .module:eq(1) a[href^="/t"]').addClass('topiccp').next().remove();
      $('#left .module:eq(1) a[href^="/u"]').addClass('postercp').next().remove();
      $('#left .module:eq(1) .box-content').css('color',$('#left .module:eq(1) .box-content').css('background-color'));
      $('#left .module:eq(1) br').addClass('clear');
    });

    Sắp xếp Widget : https://i.servimg.com/u/f44/15/64/85/86/widget15.png

    Bài gửi
     15/06/13, 10:31 am
    Admin
    Admin
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Lastin11(*) Phiên bản hỗ trợInvision
    CSS :
    Code:
    /*recent topics cho invision------------------------------*/
    #content-container div#left {float: none;width: 100%}
    #left .module .box-content a {margin:2px 0}
    #left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt}
      /*top posters*/
    .topposter {float: left; width: 250px; margin-right:10px;} /*hiển thị top posters*/
      /*most active topics*/
    .hottest {float: left; width:250px; margin-left:-265px; margin-top:230px;} /*hiển thị most active topics*/
    .topichot{float:left;height:14px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; max-width:220px;}
      /*recent topics*/
    .recent {float: right; margin-left:-100px; width:680px;} /*hiển thị recent topics, bạn có thể chỉnh sửa chiều rộng 680px cho phù hợp với 4r*/
    .topicc3z::before{content:counter(stt)".";counter-increment:stt;float:left;position:absolute;text-align: right;width:25px!important;margin-left:-25px;} /*stt trước tiêu đề bài viết, có thể xóa dòng này đi*/
    .topicc3z{float:left;margin-right:262px;height:14px;overflow:hidden;padding-left:16px;text-overflow:ellipsis; white-space:nowrap; position:absolute; max-width:400px;} /*tiêu đề bài viết*/
    .postercp{float:right;} /*tên người gửi cuối*/
    /*recent topics cho invision------------------------------*/

    Javascript : Tạo 1 file javascript mới, đặt In all the pages với nội dung như sau:
    Code:
    $(function(){
      $('#left .module:eq(0)').addClass('topposter').next().remove();
      $('#left .module:eq(1)').addClass('hottest').next().remove();
      $('#left .module:eq(1) a[href^="/t"]').addClass('topichot').next().remove();
      $('#left .module:eq(2)').addClass('recent').next().remove();
      $('#left .module:eq(2) a[href^="/t"]').addClass('topicc3z').next().remove();
      $('#left .module:eq(2) a[href^="/u"]').addClass('postercp').next().remove();
      $('#left .module:eq(2) .box-content').css('color',$('#left .module:eq(1) .box-content').css('background-color'));
      $('#left .module:eq(2) br').addClass('clear');
    });

    Sắp xếp Widget : https://i.servimg.com/u/f44/15/64/85/86/widget14.png

    Bài gửi
     15/06/13, 10:31 am
    Admin
    Admin
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Lastin12(*) Phiên bản hỗ trợInvision
    CSS :
    Code:
    /*recent topics cho invision------------------------------*/
    #content-container div#left {float: none;width: 100%}
    #left .module .box-content a {margin:2px 0}
    #left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt}
      /*top posters*/
    .topposter {float: left; width: 250px; margin-right:10px;} /*hiển thị top posters*/
      /*top starters*/
    .topstarter {float: right; width: 250px;} /*hiển thị top starters*/
      /*most active topics*/
    .hottest {float: left; width:250px; margin-left:-265px; margin-top:225px;} /*hiển thị most active topics*/
    .topichot{float:left;height:14px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; max-width:220px;} /*tên topics*/
      /*most viewed topics*/
    .viewed {float: right; width:250px;} /*hiển thị most viewed topics*/
    .vieww{float:left;height:14px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; max-width:220px;} /*tên topics*/
        /*recent topics*/
    .recent {float: left; width:418px;} /*hiển thị recent topics, bạn có thể chỉnh sửa chiều rộng 680px cho phù hợp với 4r*/
    .topicc3z::before{content:counter(stt)".";counter-increment:stt;float:left;position:absolute;text-align: right;width:25px!important;margin-left:-25px;} /*stt trước tiêu đề bài viết, có thể xóa dòng này đi*/
    .topicc3z{float:left;margin-right:262px;height:14px;overflow:hidden;padding-left:16px;text-overflow:ellipsis; white-space:nowrap; position:absolute; max-width:180px;} /*tiêu đề bài viết*/
    .postercp{float:right;} /*tên người gửi cuối*/
    /*recent topics cho invision------------------------------*/

    Javascript : Tạo 1 file javascript mới, đặt In all the pages với nội dung như sau:
    Code:
    $(function(){
      $('#left .module:eq(0)').addClass('topposter').next().remove();
      $('#left .module:eq(1)').addClass('hottest').next().remove();
      $('#left .module:eq(1) a[href^="/t"]').addClass('topichot').next().remove();
      $('#left .module:eq(2)').addClass('recent').next().remove();
      $('#left .module:eq(2) a[href^="/t"]').addClass('topicc3z').next().remove();
      $('#left .module:eq(2) a[href^="/u"]').addClass('postercp').next().remove();
      $('#left .module:eq(2) .box-content').css('color',$('#left .module:eq(1) .box-content').css('background-color'));
      $('#left .module:eq(2) br').addClass('clear');
      $('#left .module:eq(3)').addClass('topstarter').next().remove();
      $('#left .module:eq(4)').addClass('viewed').next().remove();
      $('#left .module:eq(4) a[href^="/t"]').addClass('vieww').next().remove();
    });

    Sắp xếp Widget : https://i.servimg.com/u/f44/15/64/85/86/widget13.png

    Bài gửi
     15/06/13, 10:32 am
    Admin
    Admin
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Cp12710(*) Phiên bản hỗ trợInvision
    CSS :
    Code:
    #left .box-content>a+br{display:none}
    #left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt}
    #left a[href*="/t"]::before{content:counter(stt)".";counter-increment:stt;float:left;position:absolute;text-align: right;width:25px!important;margin-left:-25px;}
    #left a[href*="/t"]{width:450px;float:left;margin-right:164px;height:14px;overflow:hidden;padding-left:16px;}
    #left a[href*="/u"]{width:160px;position:absolute;margin-left:-164px;background:#E1EBF2;}

    Sắp xếp Widget : https://i.servimg.com/u/f44/15/64/85/86/cp12510.png

    Bài gửi
     15/06/13, 10:32 am
    Admin
    Admin
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Cp1810(*) Phiên bản hỗ trợInvision
    CSS :
    Code:
    /*Last topic cho Invision ver.2*/
    #left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt}
    #left .module.borderwrap:nth-child(1){margin-right:2px;width:220px;float:left}
    #left .module.borderwrap:nth-child(1) .box-content{background:white}
    #left .module.borderwrap:nth-child(3){width:705px;float:left}
    #left .module.borderwrap:nth-child(3) a + br,#left [style="height:11px"]{display:none}
    #left .module.borderwrap:nth-child(3) .box-content{overflow:hidden;height:281px;background:white}
    #left .module.borderwrap:nth-child(3) .box-content:hover{overflow:auto}
    #left .module.borderwrap:nth-child(3) .box-content a[href^="/t"]{margin-bottom:15px;width:342px;float:left;overflow:hidden;height:14px}
    #left .module.borderwrap:nth-child(3) .box-content a[href*="/u"]{margin-bottom:15px;margin-left:-30px;background:white;width:157px;display:inline-block;padding-left:15px}
    #left .module.borderwrap:nth-child(3) .box-content a[href*="/u"] img{margin-top:-16px}
    #left .module.borderwrap:nth-child(3) .box-content a[href^="/t"]::before{content:counter(stt)".";counter-increment:stt;width:20px;display: inline-block;text-align:right}
    [summary*="Top post"] tr{height:25px}
    [summary*="Top post"] td{background:#FFF!important;border:0!important}
    #left .module.borderwrap{width:937px;float:left}

    Sắp xếp Widget : https://i.servimg.com/u/f44/15/64/85/86/cp1911.png
    Bạn có thể tùy chọn cái Widget sau thay cho Top posting users this week (nếu thích) https://i.servimg.com/u/f44/15/64/85/86/cp2011.png

    Bài gửi
     15/06/13, 10:32 am
    Admin
    Admin
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Noname2-2(*) Phiên bản hỗ trợphpBB2, PunBb

    Bước 1: Download bộ Lasttopic Bến Xưa.Net:
    Code:
    http://www.megaupload.com/?d=D4V5J160
    sau khi download, giải nén ra, chú ý: Không dùng cái Index_body trong bản download nhé.

    Bước 2: Vào [ACP > Display > Temp > Portal], lấy code từ bộ Download và thay vào các mục, nhớ chú ý kẻo thay sai nhé.

    Bước 3: Vào [ACP > Display > Temp > QLTT > Index_body] thêm
    Code:
    <div align="center" style="font-size:15px;background:#eee;border:1px solid #BBB;padding:6px;margin:6px">
     <table class="tborder" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><th colspan="2">Thống kê - Học viện Tình Yêu</th></tr>
    <tr><td><table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
    <thead>
    <tr>
    <td><table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
    <tr><td valign="top" style="height: 100%;"><table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
    <tr><td valign="top" style="height: 100%;">
    <!-- BEGIN giefmod_index1 -->
    {giefmod_index1.MODVAR} <!-- END giefmod_index1 -->
                  </div>
    vào sau
    Code:
    {JAVASCRIPT}

    Bước 4: Vào [ACP > Display > Temp > QLTT > Overall_Footer], dán vào cuối Footer:
    Code:
    <script type="text/javascript">jQuery("#lttchatbox").click(function(){
       jQuery("#lttrules").toggle("slow");
       });
    $(function(){$("div.a1tg3td:contains('»')").remove();$("div.a1tg3td:contains('[FM]')").remove();});$("a.lengtht").each(function(){if ($(this).text().length > 20) {$(this).text($(this).text().substr(0, 19));$(this).append('...');}});$("a.recentlink").each(function(){if ($(this).text().length > 50) {$(this).text($(this).text().substr(0, 49));$(this).append('...');}});$(".lttview").each(function(){$(this).html(parseInt($(this).text().replace(/^[\s\S]*-\s+(\d+)\s+[\s\S]*$/m, '$1')));});
    </script>

    <script>
    $(".recentlink").each(function(){if ($(this).text().length > 46) {$(this).text($(this).text().substr(0, 30));$(this).append('...');}});
    </script>
    . Đây là  Script giúp hạn chế số ký tự tiêu đề đã fix lại từ Thuan007 cho bản này, nếu muốn tăng hoặc dảm số ký tự, thay đoạn
    Code:
    length > 20)
    bằng
    Code:
    length > sokytu)

    Bước 5: Cập nhật Widgets theo hình sau:
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Sssf10
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Sssfgg10

    Bước 6: Vào [ACP > Display > Temp > Head].
    Tìm và xóa đi đoạn này
    Code:
    <div id="{ID_LEFT}">
                        <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                  </div>
    Dán vào Head luôn:
    Code:
    <script src="http://illiweb.com/rs3/13/frm/admin/admin.js" type="text/javascript"></script>

    * Edit thêm: Dán vào CSS đoạn này >
    Code:
    .row4 {
    background: white;
    }

    Bài gửi
     15/06/13, 10:33 am
    Admin
    Admin
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... 113(*) Phiên bản hỗ trợphpBB2punBb
    Bước 1 : QUẢN LÝ TỔNG THỂ >>Messages and e-mails >>Cấu hình diễn đàn
    Chủ đề trong 1 trang : 10

    Bước 2 : Dowload file này về và Add vào Templates > Portal http://www.mediafire.com/?wuv9umjcca5u5ny
    Pass :
    Code:
    cntt-k3.org

    Bước 3 : Sau khi add các Temp vào . Các bạn vào memberlist_body Thay toàn bộ code = code sau
    Code:
    <!-- BEGIN switch_user_logged_in -->
    <div id="pun-visit" class="clearfix">
       <ul>
          <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
          <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
       </ul>
       <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
    </div>
    <!-- END switch_user_logged_in -->

    <!-- BEGIN switch_user_logged_out -->
    <div id="pun-visit">
       <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
    </div>
    <!-- END switch_user_logged_out -->

    <div class="pun-crumbs">
       <p class="crumbs">
          <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » <strong>{PAGE_TITLE}</strong>
       </p>
    </div>

    <div class="main frm">

       <!-- BEGIN switch_pagination -->
       <div class="paged-head clearfix">
          <p class="paging">{PAGINATION}</p>
       </div>
       <!-- END switch_pagination -->

       <div class="main-head">
          <h1 class="page-title">{L_ORDER_OR_SELECT}</h1>
       </div>

       <div class="main-content">
          <form action="{S_MODE_ACTION}" method="get" class="form-frm">
          <fieldset class="frm-set multi">
             <dl>
                <dt>{L_USER_SELECT}</dt>
                <dd><input type="text" class="inputbox" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" /></dd>
             </dl>
             <dl>
                <dt>{L_SELECT_SORT_METHOD}</dt>
                <dd>{S_MODE_SELECT}</dd>
             </dl>
             <dl>
                <dt>{L_ORDER}</dt>
                <dd>{S_ORDER_SELECT}</dd>
             </dl>

             <div class="frm-buttons">
                {S_HIDDEN_SID}
                <input type="submit" name="submit" value="{L_SUBMIT}" />
             </div>
          </fieldset>
          </form>

          <fieldset class="frm-set clearfix">
             <div class="frm-form">
                <table class="table" cellspacing="0">
                   <thead>
                      <tr>
                         <th class="tclmemberlist">{L_AVATAR} - {L_USERNAME}</th>
                         <!-- BEGIN switch_th_group -->
                         <th class="tc2">{L_GROUPS}</th>
                         <!-- END switch_th_group -->
                         <th class="tc3">{L_INTERESTS}</th>
                         <th class="tc2">{L_JOINED}</th>
                         <th class="tc2">{L_VISITED}</th>
                         <th class="tc3">{L_POSTS}</th>
                         <th class="tc3">{L_PM}</th>
                         <th class="tc3">{L_WEBSITE}</th>
                      </tr>
                   </thead>

                   <tbody>
                      <!-- BEGIN memberrow -->
                      <tr>
                         <td class="tcl avatar-mini">
                           <div class="thanhvienmoi" style="height: 20px;width: 116px;">
                             <font style="font-family: Tahoma; font-size: 11px"><a class="gen" href="{memberrow.U_VIEWPROFILE}"><span class="avatartv1">{memberrow.AVATAR_IMG}</span> {memberrow.USERNAME}
                      
                             
                              </a></font>
                           <span class="thamtopp" style="height: 20px;float: right;margin-right: -220px;" align="right">
                                                                                   {memberrow.JOINED}</span>
                           </div></td>
          
                             
                              <!-- BEGIN switch_td_group -->
                         <td class="tc2">{memberrow.GROUPS}</td>
                         <!-- END switch_td_group -->
                         <td class="tc3"> {memberrow.INTERESTS}</td>
                         <td class="tc2">{memberrow.JOINED}</td>
                         <td class="tc2">
                            <div class="truycapmoi" style="height: 20px;width: 156px;">
                             <font style="font-family: Tahoma; font-size: 11px">
                           <a class="gen" href="{memberrow.U_VIEWPROFILE}">
                              <span class="avatartv1">{memberrow.AVATAR_IMG}</span>
                           {memberrow.USERNAME}
                            
                           
                              </a>
                             </font>

                            
                          </div>

                          
                         
                          
                             </td>
                         <td class="tc3">
                           <div class="K3sobai" style="height: 20px;width: 95px;margin-right: -220px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{memberrow.POSTS} bàiviết</font></div>
                        
                        
                        </td>
                         <td class="tc3">{memberrow.PM_IMG}</td>
                         <td class="tc4">{memberrow.WWW_IMG}</td>
                      </tr>
                      <!-- END memberrow -->
                      <!-- BEGIN switch_no_user -->
                      <tr>
                         <td colspan="{switch_no_user.COLSPAN_NUMBER}" class="tcr">{switch_no_user.L_NO_USER}</td>
                      </tr>
                      <!-- END switch_no_user -->
                   </tbody>
                </table>
             </div>
          </fieldset>
       </div>

       <div class="main-foot">
       </div>

       <!-- BEGIN switch_pagination -->
       <div class="paged-foot clearfix">
          <p class="paging">{PAGINATION}</p>
       </div>
       <!-- END switch_pagination -->

    </div>

    Bước 4 : Vào Index_Body Thêm code sau lên đầu
    Code:
    <div id="page-body">
          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                              <table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" >
        <tbody>
                                    <tr>
                                      <td valign="top" width="100%">
                                          <div class="test">
        <table class="thongke" cellpadding="4" cellspacing="0" style="border: 1px #c0c0c0 solid;" border="0" width="100%" align="center">
     
       <tr>
        <td width="100%">
        <table class="thongke" cellpadding="0" cellspacing="4" border="0" width="100%" align="center">
        <thead>
              <tr valign="top">
        <td width="23%"></td><td width="100%" colspan="2"></td>
        </tr>
        <tr>
        <td><table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="110%" align="center" >
      
       <tr><td valign="top" style="border: 1px solid #9DB3C5;">
        <!-- BEGIN giefmod_index1 -->
        {giefmod_index1.MODVAR} <!-- END giefmod_index1 --></tr></thead></table>

        </td></tr></table>

        </div>
                                      </td>
            </tr><tr>
                                    <td valign="top" width="100%">
        <!-- BEGIN html_validation -->
                                  </td>
                                </tr>
                            </tbody>
                          </table>
                      </div>
                    </div>
                </td>
              </tr>
          </table>
        </body>
        </html>
        <!-- END html_validation -->

    Bước 5 : Vào overall_header tìm xem có đoạn này ko
    Code:
    <div id="{ID_LEFT}">
     <!-- BEGIN giefmod_index1 -->
     {giefmod_index1.MODVAR}
     <!-- BEGIN saut -->
     <div style="height:{SPACE_ROW}px"></div>
     <!-- END saut -->
     <!-- END giefmod_index1 -->
     </div>
    ( ở cuối )
    Nếu có thì xoá luôn đi

    Bước 6 : Cài đặt Widgets như hình sau https://i.servimg.com/u/f77/16/58/45/96/1210.jpg

    Tiếp theo kick vào  :bánh xe: của  Recent topics
    Number of recent topics : 40
    Activate the topics scrolling : Không

    Bước 7 : Cho cái này vào css
    Code:
    .avatartv1 img {
    height: 15px;
    width: 15px;
    }
    /* tooltip */
    #tooltip .tiplFMvi{border-bottom:1px dashed;padding-bottom:5px;margin-bottom:5px}
    #tooltip{background-color:#FFF;border:1px solid #DDD;border-radius:3px 3px 3px 3px;box-shadow:2px 2px 3px #746E6E;color:#131313;max-width:450px;position:absolute;z-index:999;padding:15px 20px}
    /* tabs-------------------------------------------------------------*/
    .tabs { margin: 0; padding: 0;}
    .tabs {
    padding-bottom: 26px;
    margin-bottom: 15px;
    background: #EFEFEF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #CAD9EA;
    }
    .tabs li { list-style: none;float: left; line-height: 30px; border-right: 1px solid #b4d0f3; height: 30px; font-size: 11px;}
    .tabs li.current {
    background: #f7f7f7;
    height: 27px;
    font-weight: bold;
    }
    .mainbox { background: #F7f7f7; border: 1px solid #9DB3C5; margin-bottom: 6px; padding: 1px;}
    .mainbox table { width: 100%; }
    #dhtmlpointer, #dhtmltooltip
    {
      z-index: 999;
      left: -300px; top:0px;
      visibility: hidden;
      position: absolute;
    }
    #dhtmltooltip
    {
      border: #666 2.4px solid;
      -moz-opacity: 0.8;
      opacity: 0.8;
      filter: alpha(opacity=80);
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      padding: 10px;
      font-size: 9pt;
      font-family: Arial;
      background-color: white;
      width: auto;
      max-width: 340px;
      width:expression( document.body.clientWidth > 340? "340px": "auto" );
      text-align:left;
    }


    .pun .postmain {
    border-left: 0px solid #ddd;
    margin-left: 1em;
    margin-top: 10px;
    }

    a[href*="mode=post_profile"],a[href*="mode=reply"],a[href*="mode=newtopic"],a[href*="merge?t="],a[href*="cp?mode=split"],a[href*="cp?mode=lock"],a[href*="cp?mode=move"],a[href*="cp?mode=trash"],a[href*="cp?mode=delete"],a[href*="cp?mode=unlock"],a[href*="mode=unlock&p"],a[href*="mode=lock&p"],a[href*="mode=report"],a[href*="&mode=delete"],a[href*="mode=editpost"],a[href*="mode=quote"]{
    border-radius: 10px;
    color: rgb(139, 138, 138)!important;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin: 2px;
      padding: 2px 9px;}



    #dhtmlpointer, #dhtmltooltip
    {
    z-index: 999;
    left: -300px; top:0px;
    visibility: hidden;
    position: absolute;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    }
    #dhtmltooltip
    {
    border: #000000 0px solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 15px;
    font-size: 9pt; font-weight:bold;
    font-family: Arial; color:#fff;
    background-color: #000;
    width: auto;
    max-width: 340px;
    width:expression(document.body.clientWidth > 340? "340px": "auto");
    text-align:left;
    }








     #tooltip {
        padding:0;
        max-width: 50% !important;
        color: #000;
      background: #FFFFFF none  ;
      _background-image: none;
    border: 1px #000 solid; -moz-border-radius: 3px;border-radius: 3px;
        font-size:0.8em;text-align: left;
    }

    * html #tooltip {
        width: 30%;
    }
    #tooltip * {
        margin:2px 5px 2px 8px;
    }
    #tooltip ul {
        padding: 0px 0px 0px 20px;
    }
    #tooltip dl {
        clear:both;
        position:relative;
        margin-bottom: 10px;
    }
    #tooltip dt {
        float:left;
        border: medium none;
        padding-top: 3px;
        width: 50%;
    }
    #tooltip dd {
        margin-left: 50%;
        padding-left: 5px;
        vertical-align: top;
    }
    #tooltip p.header {
        margin:0;
        font-size:13px;
        color: green;
        padding: 1px 5px;
        background: #000000 repeat;
        font-weight: bold;
        border-bottom:0px;
    }

    #tooltip p {
        padding: 6px;
        color: #666666;
        font-size:11px;text-align: left;
    }

    .textbox, textarea, select {
    font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    color: #000000;
    background: rgb(255, 255, 255) none;
    border: 1px solid #6B91AB;
    padding: 4px;
    outline: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    Js hiển thị Tootlip cho code sau vào Footer End
    Code:
    <script src="http://illiweb.com/rs3/13/frm/admin/admin.js" type="text/javascript"></script>

    À quên : Ai muốn cho Top post hiển thị lên đầu thì làm như sau
    Spoiler:

    Bài gửi
     19/06/13, 09:22 pm
    miamor
    miamor
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... 07439a963d1093d15e4b0071ec6b593c_44914058.123(*) Phiên bản hỗ trợphpBB2, punBb

    B1: Vô header xóa đoạn
    Code:
    <div id="{ID_LEFT}">
                                        <!-- BEGIN giefmod_index1 -->
                                        {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                        <!-- END giefmod_index1 -->
                                    </div>


    ko có ko phải xóa

    B2: Vào index_body >> chèn sau
    Code:
    {JAVASCRIPT}
    Code:
    <!-- BEGIN giefmod_index1 -->
    {giefmod_index1.MODVAR}
    <!-- END giefmod_index1 -->

    B3: Thay Templates trong mục Portal tương ứng:
    mod_most_active_topics
    Code:
    -->
    <td width="50%">
    <div class="chutop">Trả lời nhiều nhất</div>
          <ul class="baixemnhieu" style="line-height:19px">
            <!-- BEGIN TOPIC -->
           
                      <li class="baiviet"><span class="gietno"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a></span></li>
           
            <!-- END TOPIC -->
          </ul>
         
    </td>

    </tr>
    </table>
    </td></tr></tbody></table>

    mod_most_viewed_topics
    Code:
    -->
    <td width="50%">
    <div class="chutop">Xem nhiều nhất</div>
          <ul class="baixemnhieu" style="line-height:19px">
            <!-- BEGIN TOPIC -->
           
                      <li class="baiviet"><span class="gietno"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a></span></li>
           
            <!-- END TOPIC -->
          </ul>
         
    </td>
      <!--</td>

    mod_recent_topics
    Code:
    <table width="100%">
     
      <tr>  <td width="480" style="line-height:20px;background:#fff;padding:3px;" valign="top">
        <div class="chutop"><span style="float:left;padding-left:5px">Bài Mới</span><span style="margin-left:200px">.</span><span style="float:right">Tác giả</span></div>
        <div class="loading" width="100%" align="center"><img src="http://i43.servimg.com/u/f43/16/03/04/56/icon_l12.gif"/>Đang tải dữ liệu, Xin chờ.....</div>
    <div class="Page" style="display:none">
      <div style="display:none" class="dulieulast"></div>
      <div style="display:none" class="dulieulast2"></div>
    <!-- BEGIN classical_row -->
    <ul class="baixemnhieu">
          <!-- BEGIN recent_topic_row -->
    <li width="100%" class="newtopic">
      <span id="tieude1" onmouseover="show_tooltip(this,$(this).next().html(),'Thông Tin Bài Viết');"><a href="{classical_row.recent_topic_row.U_TITLE}" oncontextmenu="return xemtopic(this.href,'hehee');"><span  class="lengtht">{classical_row.recent_topic_row.L_TITLE} </span></a></span>
     <span style="display:none" class="dulieu2"><img src="http://i48.servimg.com/u/f48/16/58/89/73/loadin10.gif" /> Đang tải dữ liệu....</span>

      <!-- BEGIN switch_poster -->
      <span class="username"><a id="tacgia" style="float:right" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a></span>
          <!-- END switch_poster -->
      <span class="thoigian" style="display:none">{classical_row.recent_topic_row.S_POSTTIME}</span>
          <!-- BEGIN switch_poster_guest -->
          {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
          <!-- END switch_poster_guest -->

     
         
      </li>
          <!-- END recent_topic_row -->
    <ul>
    <!-- END classical_row -->

    </div>
      <script src="http://illiweb.com/rs3/24/frm/admin/admin.js" type="text/javascript"></script>
    <style>
      .baixemnhieu{list-style:decimal-leading-zero outside none;text-align:left;margin:0!important;padding:0 1px 0 30px}
    .gietno{overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:180px}
    .lengtht{overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:200px}
    .chutop{background-color: #F2F2F2;color:#666;font:bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #E5E5E5;
    margin-bottom: 0px;
    padding: 3px 6px;}
      #tooltip .noidung{line-height:18px;padding:2px}
    #tooltip{max-width:50%!important;color:#000;border:1px solid #ddd;border-bottom-width:3px;border-right-width:3px;background-color:#fff;font-size:12px;padding:4px}
    * html #tooltip{width:30%;z-index:999}
    #tooltip .header2{
      background-color: #F2F2F2;
    color: blue;
    font: bold 13px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #E5E5E5;
    margin-bottom: 0px;
    padding: 3px 6px;
      font-weight:bold;
    }
    #tooltip hr{border-bottom:2px dashed #dđd;height:2px}
      </style>
        </td><td width="0px" style="border:1px solid #eee"></td>
          <!--</td>
     
     

    mod_top_post_users_month
    Code:
    -->

    <ul class="baixemnhieu canlay" style="line-height:19px;display:none" id="memmoi">
             
         
              </ul>
    <script>
      function topne() {
        $(function () {
            $(".loading2").remove();
            $(".menuu").html('Topposter <img src="http://i43.servimg.com/u/f43/17/43/09/69/menu_o10.gif"/>');

        });
    }

    $(function () {

        $(".menuu").click(function () {
            $(".chopnhon3").show(300);
        });
        $(".topne").click(function () {

            $(".menuu").html('[Loading....]');
           
            setTimeout('topne();', 1000);
        $(".chopnhon3").hide()
        });
        $(".memmoi").click(function () {
    $(".chopnhon3").hide();
            $(".menuu").html('[Loading....]');
            $(".canlay").load("/memberlist?mode=joined&order=DESC&submit=Ok&username .caicanlay:lt(10)", function () {
                doitab('toppost', 'memmoi');
                $(".menuu").html('Thành viên mới <img src="http://i43.servimg.com/u/f43/17/43/09/69/menu_o10.gif"/>');

            });
        });
    });
    </script>
    </td>

     <!--</td>

    mod_top_post_users_week
    Code:
    -->

              <td height="50%" width="50%" id="toptuan" valign="top">
      <div  class="chutop">Top posters Tuần</div>
         
                      <ul class="baixemnhieu" style="line-height:19px">
              <!-- BEGIN POSTER -->
          <li>
            <span onmouseover="show_tooltip(this,'{POSTER.NB_POSTS}','','black')" class="{POSTER.ROW_CLASS}" width="1%">{POSTER.NAME}</span>
            </li>
                <!-- END POSTER --></ul>
     
          </td>
     

    </tr>
        <tr>
     
          <!--</td>

    mod_top_posters
    Code:

    -->
    <td valign="top" style="padding:1px;background:#fff">
      <table width="100%">
        <tr>

      <td height="50%" width="50%" id="topposter" valign="top">
              <div onclick="hienmenu('menu');" class="chutop dungyen"><a class="menuu">Topposter <img src="http://i43.servimg.com/u/f43/17/43/09/69/menu_o10.gif"/></a><div class="chopnhon3" style="display:none"><a onclick="doitab('memmoi','toppost');" class="topne">Top posters</a><br/><a class="memmoi">Thành viên mới</a></div></div>
         
                      <ul class="baixemnhieu" style="line-height:19px" id="toppost">
              <!-- BEGIN POSTER -->
          <li>
            <span onmouseover="show_tooltip(this,'{POSTER.NB_POSTS}','','black')" class="{POSTER.ROW_CLASS}" width="1%">{POSTER.NAME}</span>
         
          </li>
                <!-- END POSTER --></ul>
         
         
    <script type="text/javascript">
        //<![CDATA[
        $(function () {
    $(".newtopic:contains('»')").hide();
            $(".dulieulast").load('/search?search_keywords=&search_author=*_* .table .statused tr:lt(20)', function () {
                var i;
                for (i = 0; i < 20; i++) {
                    $(".newtopic:eq(" + i + ")").find(".dulieu2").html('<span>  </span><b>' + $(".newtopic:eq(" + i + ")").find("#tieude1").text() + '  </b><hr>Tác giả : <b>' + $(".dulieulast tr:eq(" + i + ")").find(".tcl a[href^='/u']").text() + '</b><br>Trạng Thái : ' + $(".dulieulast tr:eq(" + i + ")").find(".tcl .status img").attr("alt") + '<br>Thuộc Chuyên Mục : ' + $(".dulieulast tr:eq(" + i + ")").find(".tc2").text() + '<br>Trả lời  : ' + $(".dulieulast tr:eq(" + i + ")").find(".tc3:first").text() + '<br>Lượt Xem : ' + $(".dulieulast tr:eq(" + i + ")").find(".tc3:last").text() + '<hr>Người Gửi Cuối : <b>' + $(".newtopic:eq(" + i + ")").find("#tacgia").text() + '</b><br>Vào Lúc : ' + $(".newtopic:eq(" + i + ")").find(".thoigian").text());

                }
                $(".loading").hide().next().fadeIn(1000);
            });

        });

        //]]>
        </script>

       

          <!--</td>

    B4: Đặt widget: https://i.servimg.com/u/f43/17/43/09/69/last10.jpg

    Bài gửi
     19/06/13, 09:32 pm
    miamor
    miamor
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... Last_b10(*) Phiên bản hỗ trợphpBB2, punBb

    B1: Cho vào đầu index_body
    Code:
    <table class="thongke" cellpadding="5" cellspacing="0" style="border: 1px #ded7d7 solid;" border="0" width="100%" align="center">
    <thead>
    <tr valign="top">
    <td class="tcat"><font color=white>Forum Congthongtin</font></td>
    </tr>
    </thead>
    <tr>
    <td width="100%">
    <table class="thongke" cellpadding="0" cellspacing="2" border="0" width="100%" align="center">
    <thead>
    <tr valign="top">
    <td width="27%"></td><td width="100%" colspan="2"></td>
    </tr>
    <tr>
    <td><table class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" ><tr><td colspan="3">




    <div class="mainbox" style="margin-bottom: 25px; border: 1px solid #9DB3C5; "><ul class="tabs"><li class="current"><span style="padding: 0px 7px;">Tìm chúng tôi trên Facebook</span></li></ul>
     
     
      <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fcongthongtin9&width=300&height=330&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:220px;" allowtransparency="true"></iframe>
     
     
      </div>
    </td></tr>

    <tr>
    <td valign="top" style="border: 1px solid #9DB3C5;">
    <!-- BEGIN giefmod_index1 -->
    {giefmod_index1.MODVAR}<!-- END giefmod_index1 -->

    </td></tr></table>



    B2: Thay Templates trong mục Portal tương ứng:
    mod_recent_topics
    Code:
    </td></tr></table></td>
    <td style="width: 0px"></td>
    <td valign="top" style="border: 1px solid #9DB3C5; padding: 1px">
    <style type="text/css">
    th,td,p {
        font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif }
    /* Style cho menu tabs */div.TabView div.Tabs{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs: hover,{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs a , div.TabView div.Tabs a:hover {float: left;display: block;background-color:#;text-align: center;height: 29px;padding: 6px;vertical-align: middle;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; /* đường viền quanh tabs menu */text-decoration: none!important;font-family: Tahoma;font-size: 11px;color: #000000;}.hotrott{background-color: #ffffff;border: 0px solid #ded7d7;}.nen{background-color: #ffffff;border: 1px solid #ded7d7;}div.TabView div.Tabs a.Active{background-color: #ffffff; /* màu nền tab menu active */color: #000000;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; padding: 6px;height: 29px;font-size: 11px;font-weight: bold;}/* Style cho phần text nội dung của mỗi tab */div.TabView {clear: both;border: 0px solid #ffffff;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;border: 0px solid #b4d0f3;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}</style><script type="text/javascript" src="http://untip-js.googlecode.com/files/Tabview.js"></script><div id="TabView" class="TabView" style="padding: 0px;">

    <!-- tabs -->
    <div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài viết mới</a><a>Topic trả lời nhiều nhất</a><a>Topics được xem nhiều nhất</a><a>Thống kê</a><a>Forumotion</a>
    <ul class="tabs" id="vietvbb_topstats_t">  <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul> </div>

    <!--nội dung tabs -->
    <div style="height:220px; width:100%" class="Pages">
    <div class="Page" style="padding: 0px; height: 300px; display: block;">
    <!-- BEGIN classical_row -->
    <table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">

    <tbody>
    <tr valign="top">
    <td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%">

    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr valign="top">
    <td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1122.photobucket.com/albums/l525/liger1723/linhtinh/list50.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td>
      <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i61.servimg.com/u/f61/15/61/17/20/listbg13.gif">

    <!-- BEGIN recent_topic_row -->
    <!-- BEGIN switch_poster -->

    <table border="0" class="lbb" cellpadding="0" cellspacing="0" width="100%">
    <tr valign="bottom">
    <td style="height: 20px" width="74%"><a onmouseover="showtip('<b><font color=#131eed>Tiêu đề:</font> <font color=#FF66FF>{classical_row.recent_topic_row.L_TITLE}</font></b><br/> <b><font color=#131eed>Thời gian:</font>
    <font color=#00FF99>{classical_row.recent_topic_row.S_POSTTIME}</font></b>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}"><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></a></td>

    <td style="height: 20px" width="26%" align="right"><a onmouseover="showtip('<b><font color=#131eed>Click để xem profile của thành viên này !</font></b>');" onmouseout="hidetip();"  href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">
    {classical_row.recent_topic_row.switch_poster.S_POSTER}</a>

    </td></tr></table>
    <!-- END switch_poster -->
    <!-- END recent_topic_row -->
    </td></tr></table></td></tr></tbody></table>
    <script type="text/javascript">
    jQuery(".lbb:contains('♥')").remove();
    jQuery(".lbb:contains('»')").remove();
    </script>

    <!-- END classical_row -->

    </div>
    <div class="Page" style="padding: 0px; height: 304px; display: block;">
    <table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td>

    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
    </table></td></tr></tbody>
    <tbody>
    <tr>

    mod_most_active_topics
    Code:
    <td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i24.servimg.com/u/f24/13/54/69/46/list12.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i24.servimg.com/u/f24/13/54/69/46/listbg13.gif">
      <!-- BEGIN TOPIC -->

    <table border="0" class="lbb" cellpadding="0" cellspacing="0" width="100%"><tbody><tr valign="bottom"><td style="height: 20px" width="74%"><a onmouseover="showtip('{TOPIC.TITLE}');" onmouseout="hidetip();" href="{TOPIC.LINK}"><font style="font-family: Tahoma; font-size: 11px">{TOPIC.NAME}</font></a></td><td style="height: 20px" width="26%" align="right"><font style="font-family: Tahoma; font-size: 11px"><span style="float:right;">  Trả lời</span><span class="a1view" style="float:right;">{TOPIC.TITLE}</span></font></td></tr></tbody></table>
             
                <!-- END TOPIC -->
    </td></tr></table></td></tr></tbody></table><script type="text/javascript">$(".a1view").each(function(){$(this).html(parseInt($(this).text().replace(/^[\s\S]*-\s+(\d+)\s+[\s\S]*$/m, '$1')));});</script>
    </div>

    <div class="Page" style="padding: 0px; height: 304px; display: block;">
    <table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td>

    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
    </table></td></tr></tbody>
    <tbody>
    <tr>

    mod_most_viewed_topics
    Code:

    <td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i24.servimg.com/u/f24/13/54/69/46/list12.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i24.servimg.com/u/f24/13/54/69/46/listbg13.gif">

    <!-- BEGIN TOPIC -->

    <table border="0" class="lbb" cellpadding="0" cellspacing="0" width="100%"><tbody><tr valign="bottom"><td style="height: 20px" width="74%"><a onmouseover="showtip('{TOPIC.TITLE}');" onmouseout="hidetip();" href="{TOPIC.LINK}"><font style="font-family: Tahoma; font-size: 11px">{TOPIC.NAME}</font></a></td><td style="height: 20px" width="26%" align="right"><font style="font-family: Tahoma; font-size: 11px"><span style="float:right;">  lượt xem</span><span class="a1view" style="float:right;">{TOPIC.TITLE}</span></font></td></tr></tbody></table>
             
                <!-- END TOPIC -->
    </td></tr></table></td></tr></tbody></table><script>$(".a1view").each(function(){$(this).html(parseInt($(this).text().replace(/^[\s\S]*-\s+(\d+)\s+[\s\S]*$/m, '$1')));});</script>
    </div>

    <div class="Page" style="padding: 0px; height: 304px; display: block;"><table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td>

    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
    </table></td></tr></tbody>
    <tbody>
    <tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i24.servimg.com/u/f24/13/54/69/46/list12.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i24.servimg.com/u/f24/13/54/69/46/listbg13.gif">
    <A href=/search.forum?search_id=activetopics><span><font style="font-family: Tahoma; font-size: 11px">Bài viết trong ngày</span></a><br/>
    <A href=/stats.htm#10><span><font style="font-family: Tahoma; font-size: 11px">Các bài viết trong tháng</span></a><br/>
    <A href=/stats.htm#2><span><font style="font-family: Tahoma; font-size: 11px">Thống kê tổng thể</span></a><br/>
    <A href=/stats.htm#3><span><font style="font-family: Tahoma; font-size: 11px">Topic sôi nổi nhất</span></a><br/>
     <A href=/stats.htm#4><span><font style="font-family: Tahoma; font-size: 11px">Topic xem nhiều nhất</span></a><br/>
     <A href=/stats.htm#5><span><font style="font-family: Tahoma; font-size: 11px">Thành viên có nhiều chủ đề nhất</span></a><br/>
     <A href=/stats.htm#6><span><font style="font-family: Tahoma; font-size: 11px">Thành viên post bài nhiều nhất trong một tuần</span></a><br/>
     <A href=/stats.htm#7><span><font style="font-family: Tahoma; font-size: 11px">Thành viên post bài nhiều nhất trong tháng</span></a><br/>
     <A href=/stats.htm#8><span><font style="font-family: Tahoma; font-size: 11px">Top poster</span></a><br/>
      <A href=/stats.htm#9><span><font style="font-family: Tahoma; font-size: 11px">Số topic trong tháng</span></a><br/>
    </td></tr></table></td></tr></tbody></table>
    </div>

    <div class="Page" style="padding: 0px; height: 304px; display: block;"><table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td>

    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
    </table></td></tr></tbody>
    <tbody>
    <tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i24.servimg.com/u/f24/13/54/69/46/list12.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i24.servimg.com/u/f24/13/54/69/46/listbg13.gif">

    <A href="http://4ALL.yourme.net/f66-forum"/><span><font style="font-family: Tahoma; font-size: 11px">HD tổng quát</span></a><br/>
    <A href="http://4ALL.yourme.net/f43-forum"/><span><font style="font-family: Tahoma; font-size: 11px">Codes</span></a><br/>
    <A href="http://4ALL.yourme.net/f51-forum"/><span><font style="font-family: Tahoma; font-size: 11px">Skins</span></a><br/>
    <A href="http://4ALL.yourme.net/t2374-topic"/><span><font style="font-family: Tahoma; font-size: 11px">Tổng hợp Skins</span></a><br/>
    </td></tr></table></td></tr></tbody></table>
    </div>
    <script type="text/javascript">tabview_initialize('TabView');</script>

    <style type="text/css">#topbar{  PADDING-TOP: 0px;PADDING-BOTTOM: 0px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px;VISIBILITY: hidden;WIDTH: 180px;FONT-FAMILY: Tahoma;POSITION: absolute;}</style>
    <script type="text/javascript">var persistclose = 0

     var startX = 80var startY = 500var verticalpos = "frombottom"function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function get_cookie(Name){var search = Name + "="var returnvalue = "";if (document�cookie.length > 0){offset = document�cookie.indexOf(search)if (offset != -1){offset += search.lengthend = document�cookie.indexOf(";", offset);if (end == -1) end = document�cookie.length;returnvalue=unescape(document�cookie.substring(offset, end))}}return returnvalue;}function closebar(){if (persistclose)document�cookie="remainclosed=1"document.getElementById("topbar").style.visibility="hidden"}function staticbar(){barheight=document.getElementById("topbar").offsetHeightvar ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;var d = document;function ml(id){var el=d.getElementById(id);if (!persistclose || persistclose && get_cookie("remainclosed")=="")el.style.visibility="visible"if(d.layers)el.style=el;el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};el.x = startX;if (verticalpos=="fromtop")el.y = startY;else{el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;el.y -= startY;}return el;}window.stayTopLeft=function(){if (verticalpos=="fromtop"){var pY = ns ? pageYOffset : iecompattest().scrollTop;ftlObj.y += (pY + startY - ftlObj.y)/8;}else{var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;ftlObj.y += (pY - startY - ftlObj.y)/8;}ftlObj.sP(ftlObj.x, ftlObj.y);setTimeout("stayTopLeft()", 10);}ftlObj = ml("topbar");stayTopLeft();}if (window.addEventListener)window.addEventListener("load", staticbar, false)else if (window.attachEvent)window.attachEvent("onload", staticbar)else if (document.getElementById)window.onload=staticbar</script></div> </td>
    </tr>
                                                </thead>
                                                  </table>



    B3: Đặt widget: https://i.servimg.com/u/f47/17/57/29/64/widget10.jpg

    Bài gửi
     19/06/13, 09:39 pm
    miamor
    miamor
    [Only Topic] Last topic - Bảng thống kê bài viết mới, top posters, top starters,... A113(*) Phiên bản hỗ trợphpBB2, punBb

    B1: Vào index_body cho đoạn code này dưới
    Code:
    {JAVASCRIPT}
    Code:

    <div class="main">
     <div class="main-head"><div class="page-title"><h2>Thống Kê Bài Viết</h2></div></div>
      <div class="main-content">
     <!-- BEGIN giefmod_index1 -->
    {giefmod_index1.MODVAR}
    <!-- END giefmod_index1 -->

    <div><div>
     </div>

    B2: Các bạn vào : overall_header tìm đoạn code ( có thì xóa nó lun nhé, không có thì thôi )
    Code:
    <div id="{ID_LEFT}">
                                        <!-- BEGIN giefmod_index1 -->
                                        {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                        <!-- END giefmod_index1 -->
                                    </div>

    B3: Thay Templates trong mục Portal tương ứng:
    mod_recent_topics
    Code:
    </table>--> <td width="100%" valign="top" class="alt1" style="padding:0">
    <!-- BEGIN classical_row --> <table width="100%" border="0" cellspacing="0" cellpadding="0">
     

    <td style="background: transparent url(http://i83.servimg.com/u/f83/17/52/69/11/top10.gif) no-repeat;" width="23"><img src="http://2img.net/i/fa/empty.gif" width="24" height="1" /></td>
    <td style="line-height:18px; background: transparent url(/users/2611/10/63/87/album/listbg10.gif) repeat" width="100%" valign="top">

    <!-- BEGIN recent_topic_row --><table class="c3zonee" width="100%" border="0" cellspacing="0" cellpadding="0" style="height:20px"><tr><td width="76%" nowrap="nowrap"><div style="font-size:11px;font-weight:bold"><a onmouseover="showtip('<b>Tiêu đề:</b> <font color=#FF6FAB>{classical_row.recent_topic_row.L_TITLE}</font><br> <b>Thời gian:</b> <font color=#AFFFD0>{classical_row.recent_topic_row.S_POSTTIME}</font>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></div>
    </td><td width="20%" align="right" nowrap="nowrap">
    <div style="font-size:11px;font-weight:bold">
    <!-- BEGIN switch_poster -->
            <a onmouseover="showtip('<b>Click để xem profile của thành viên này !</b>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
            <!-- END switch_poster --><!-- BEGIN switch_poster_guest -->
            {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
            <!-- END switch_poster_guest --></div></td></tr></table>
    <!-- END recent_topic_row -->
    </td></tr></tbody></table><!-- END classical_row -->
    </td></tr></table></div>

    mod_top_posters
    Code:
        <script>
          function gioihans(a){
          var b = a.split(' ');
          return b[0];
          }
        </script>

        <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%"
        height="1">
            <tbody>
                <tr>
                    <td class="thead" nowrap="nowrap" align="left" width="164px">
                        <div id="ctop_select_1" onclick="selectWysiwyg(this, 'topmenu');"  rel="nofollow" style="cursor: pointer; ">
                          <span id="tentop">Top 10 Xóm Nét</span>
                          <img src="http://i17.servimg.com/u/f17/17/52/69/11/aopen10.gif" border="0" title="" alt=""/>
                        </div>
                      <div class="select" id="topmenu" style="margin-top: 3px; z-index: 50; visibility:hidden;  clip: rect(auto auto auto auto); "
        align="left">
           
       
       
        </div>
                   
                      <script>
                   
                      function changstat(a,b,c){
                      var div = document.getElementById(a);
                        var div2 = document.getElementById(b);
                        var div3 = document.getElementById('tentop');
                        div.style.display = 'none';
                        div2.style.display = 'block';
                        div3.innerHTML = c;
                        selectWysiwyg(this, 'topmenu');
                        }
                        function changstat2(a,b,c){
                      var div = document.getElementById(a);
                        var div2 = document.getElementById(b);
                        var div3 = document.getElementById('tentop2');
                        div.style.display = 'none';
                        div2.style.display = 'block';
                        div3.innerHTML = c;
                        selectWysiwyg(this, 'topmenu2');
                        }
                      </script>
                     
                     
                     
                   
                    </td>
                    <td class="thead" nowrap="nowrap"  width="779px">
                        <span id="ct0" class="vbmenu_control">
                            <a href="javascript:cswitch_hm(0);">Bài viết mới</a>
                        </span>
                        <span id="ct1" class="">
                            <a href="javascript:cswitch_hm(1);"></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="alt1" valign="top" id="topposter">
                        <table cellpadding="0" cellspacing="0" border="0" width="100%" height="160">
                            <tbody><!-- BEGIN POSTER -->
                                <tr>
                                    <td nowrap="nowrap">
                                        <span class="smallfont">{POSTER.NAME}</span>
                                    </td>
                                    <td nowrap="nowrap" align="right">
                                      <span class="smallfont"><script>document.write(gioihans('{POSTER.NB_POSTS}'));</script></span>
                                    </td>
                                </tr>
                              <!-- END POSTER -->
                            </tbody>
                        </table>
                    </td>
                  <!--</td>

    B5:
    Code:
    a{text-decoration:none}
        a.mainmenu{font: 14px bold Verdana,Arial,Helvetica,sans-serif;
          font-weight: bold!important;}
        .tborder {
        background: #C6D7E9;
        color: black;
        }#postmenu_445{
          font-size: 14pt;}
        .smallfont {
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        }
        .vbmenu_option
        {padding: 3px 6px 3px 6px;
       
          background: #fff;
          color: #000;
          font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
          white-space: nowrap;
          cursor: pointer;
        }

        .thead {
        background: #E0E8F1 url(http://i45.servimg.com/u/f45/16/75/78/56/highli10.png) repeat-x 0 -1px;
        color: #567BA0;
        font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        }
        td.thead, th.thead, div.thead {
        padding: 4px;
        }
      .alt2zja, .alt2Activezja {
          padding:6px;
        background: white url(http://i45.servimg.com/u/f45/16/75/78/56/row_gr10.png);
        color: black;
        background-repeat: repeat-x !important;
        background-position: 0 100% !important;
        }
        .alt1, .alt1Active {
          padding:6px;
        background: white url(http://i45.servimg.com/u/f45/16/75/78/56/row_gr10.png);
        color: black;
        background-repeat: repeat-x !important;
        background-position: 0 100% !important;
        }
        .alt1zja, .alt1Activezja {
          padding:6px;
        background: white url(http://i45.servimg.com/u/f45/16/75/78/56/row_gr10.png);
        color: black;
        background-repeat: repeat-x !important;
        background-position: 0 100% !important;
        }

    B6: Đặt widget: https://i.servimg.com/u/f83/17/52/69/11/demo10.png
    Click Top posters :
    - Display the posted messages number for each member present in the widget. : chọn Không

    CLick Recent topics :
    - Number of recent topics : điền 8 ( cái này các bạn muốn nhiều thì tùy nhưng nhiều quá nó xấu )
    - Activate the topics scrolling : chọn Không


    Bài gửi
    Sponsored content

    Bài gửi