Share lastopic phpbb2

Bước 1: Vào Modules >> Portal & Widgets >> Forum widgets management Và Làm Theo Những Hình Dưới Đây:
1/ Forum widgets general options

2/ Forum widgets management

3/ Recent topics Click Vào Bánh Xe Màu Vàng Sẽ Hiện Như Hình Bên Dưới

Bước 2: Vào overall_header Tìm Code Sau Và Xóa Nó Đi,Đoạn Này Nằm Cuối,Nếu Tìm Không Thấy Đễ Bình Thường:

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 -->

chèn cái này vào cuối header lun:

Code:


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


Bước 3: Chèn Code Sau Vào Trên Cùng index_body:

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><b>๑۩۞۩๑ Thống Kê Diễn Đàn ☼—Lion VIP ™ ๑۩۞۩๑</b></center></th>
          </tr>
      </thead>
    <tr>
    <td width="100%">
    <table class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
    <thead>
          <tr valign="top">
    <td width="0%"></td><td width="00%" colspan="0"></td>
    </tr>
     
    <tr>
    <td><table  class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" >
</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>

</div></div>

    </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>

Bước 4: Thay Tất Cả Code Trong search_results_topics Bằng Code Sau:

Code:

<!-- BEGIN switch_menu -->
{UCP_TABS}
<!-- END switch_menu -->
<!-- BEGIN navmenu -->
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a> :: {L_SEARCH_TITLE}</span></td>
  </tr>
</table>
<!-- END navmenu -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4" align="center">
  <tr>
      <td align="center" class="catHead" colspan="8" height="28"><h1 class="cattitle">{L_SEARCH_MATCHES}</h1></td>
  </tr>
  <tr>
      <th class="thCornerL" nowrap="nowrap" width="4%" height="25"> </th>
      <th class="thTop" nowrap="nowrap"> {L_TOPICS} </th>
      <th class="thTop" nowrap="nowrap"> {L_FORUM} </th>
      <th class="thTop" nowrap="nowrap"> {L_REPLIES} </th>
      <th class="thTop" nowrap="nowrap"> {L_AUTHOR} </th>
      <th class="thTop" nowrap="nowrap"> {L_VIEWS} </th>
      <th class="thTop" nowrap="nowrap"> {L_LASTPOST} </th>
      <!-- BEGIN watchsearch1 -->
      <th class="thCornerR" nowrap="nowrap"> X </th>
      <!-- END watchsearch1 -->
  </tr>
  <form action="{S_ACTION}" method="post" name="post" onsubmit="return verify_select();">
  <!-- BEGIN searchresults -->
  <tr class="layemno">
      <td class="row1" align="center" valign="middle"><img title="{searchresults.L_TOPIC_FOLDER_ALT}" src="{searchresults.TOPIC_FOLDER_IMG}" alt="{searchresults.L_TOPIC_FOLDER_ALT}"></td>
      <td class="row1" onmouseover='this.className="row2"' onmouseout='this.className="row1"'><h2 class="topic-title">{searchresults.NEWEST_POST_IMG}{searchresults.TOPIC_TYPE}<a class="topictitle" href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a></h2><br />
      <span class="gensmall">{searchresults.GOTO_PAGE}</span></td>
      <td class="row3" align="center"><span class="postdetails"><a class="postdetails" href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{searchresults.REPLIES}</span></td>
      <td class="row3" id="tacgiamt" align="center" valign="middle"><span class="name">{searchresults.TOPIC_AUTHOR}</span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{searchresults.VIEWS}</span></td>
      <td class="row3" align="center" valign="middle" nowrap="nowrap" onmouseover='this.className="row2"' onmouseout='this.className="row3"'><span class="postdetails">{searchresults.LAST_POST_TIME}<br />{searchresults.LAST_POST_AUTHOR} {searchresults.LAST_POST_IMG}</span></td>
      <!-- BEGIN watchsearch -->
      <td class="row1" align="center" valign="middle" nowrap="nowrap"><input type="checkbox" name="mark[]2" value="{searchresults.TOPIC_ID}" /></td>
      <!-- END watchsearch -->
  </tr>
  <!-- END searchresults -->
  <!-- BEGIN watchsearch1 -->
  <tr>
      <td class="catBottom" colspan="8" valign="middle" height="28" align="right"> <input type="submit" name="valid" value="{L_STOP_WATCH}" class="liteoption" /></td>
  </tr>
  <!-- END watchsearch1 -->
  <tr>
      <td class="catBottom" colspan="8" valign="middle" align="right"><a href="#top">{L_BACK_TO_TOP}</a></td>
  </tr>
  </form>
</table>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td valign="top"><span class="nav">{PAGE_NUMBER}</span></td>
      <td align="right" valign="top" nowrap="nowrap"><span class="nav">{PAGINATION}</span><br />
      <span class="gensmall">{S_TIMEZONE}</span></td>
      <!-- BEGIN watchsearch1 -->
      <td align="right" valign="top" nowrap="nowrap">
      <b><span class="gensmall"><a class="gensmall" href="javascript:select_switch_search(true);">{L_MARK_ALL}</a> :: <a class="gensmall" href="javascript:select_switch_search(false);">{L_UNMARK_ALL}</a></span></b><br />
      <!-- END watchsearch1 -->
  </tr>
</table>
<table width="100%" border="0" cellspacing="2" align="center">
  <tr>
      <td align="right" valign="top">{JUMPBOX}</td>
  </tr>
</table>

Bước 5: Lần Lượt Thay Tất Cả Code Trong Các Name Sau:

1/ 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>

2/ 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.forumotion.com/f66-forum"/><span><font style="font-family: Tahoma; font-size: 11px">HD tổng quát</span></a><br/>
<A href="http://4ALL.forumotion.com/f43-forum"/><span><font style="font-family: Tahoma; font-size: 11px">Codes</span></a><br/>
<A href="http://4ALL.forumotion.com/f51-forum"/><span><font style="font-family: Tahoma; font-size: 11px">Skins</span></a><br/>
<A href="http://4ALL.forumotion.com/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>

3/ 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>Bài Viết Trả Lời Nhiều Nhất</a><a>Bài Viết Xem Nhiều Nhất</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:220px; width:100%" class="Pages">
<div class="Page" style="padding: 0px; height: 220px; 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 -->
 
    <div class="newltopic">
    <table class="c3zonee" width="100%" border="0" cellspacing="0" cellpadding="0" style="height:20px">
    <tr>
    <td width="76%" nowrap="none"><div onmouseover="show_tooltip(this,this.getElementsByTagName('div')[0].innerHTML,'Thông Tin Bài Viết');" onmouseout="hidetip();"><span class="ltitletopic" style="font-size:11px;font-weight:bold"><a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}
    </a></span><div class="tooltipFMvi"><img src="http://i48.servimg.com/u/f48/16/58/89/73/loadin10.gif" /> Đang tải dữ Liệu</div></div>
    </td><td width="20%" align="center" nowrap="none" style="border-right:1px solid #B4D0F3">

    <!-- BEGIN switch_poster -->
      <div class="mtmymenu"> <div class="mtmymenuu"> <a onmouseover="show_tooltip(this,'<b>Click để xem Profile thành viên ☼—Lion VIP ™ !</b>','Thông Tin Thành Viên');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><span class="lpostertopic" style="font-size:11px;font-weight:bold">{classical_row.recent_topic_row.switch_poster.S_POSTER}</span></a></div></div>

            <!-- END switch_poster -->
     

      <!-- BEGIN switch_poster_guest -->
            {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
            <!-- END switch_poster_guest --></td><span class="ltimetopic" style="display:none">{classical_row.recent_topic_row.S_POSTTIME}</span></tr></table></div>
    <!-- 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 -->
 

 
 
 
 
  <script>
      jQuery(".c3zonee:contains('»')").remove();
      $("#FMviloadimg").click(function(){
    $(".taidulieu").show();
        $("#loadoday").fadeOut();
          $.ajax({
            url:"/forum",
            success:function(a){$("#loadoday").html($(a).find("#loadoday").html()).fadeIn(1000);$(function () {
        $(".newltopic").each(function (a) {
            $(this);
            $(this).attr("id", "newlast" + a);
            a = $(this).attr("id");
            $(this).find(".ltitletopic").next().attr("alt", a);
            $(this).find(".ltitletopic").attr("alt", a);
            $(this).find(".lpostertopic").attr("alt", a);
            $(this).find(".ltimetopic").attr("alt", a);
            var b = $(this).find(".ltitletopic[alt='" + a + "']").text(),
                tieude = $(this).find(".ltitletopic[alt='" + a + "']").text(),
                d = $(this).find(".ltimetopic[alt='" + a + "']").text(),
                thoigian = $(this).find(".ltimetopic[alt='" + a + "']").text(),
                e = b.replace(/ /gi, "+"),
                f = $(this).find(".ltitletopic[alt='" + a + "']").next();
            f.load("/search?mode=searchbox&search_keywords=" + e + '&show_results=topics tr.layemno:contains("' + b + '"):contains("' + d + '")', function () {
                var d = $(this).find("#tacgiamt a[href^='/u']").text(),
                    e = $(this).find(".row3:first").text(),
                    f = $(this).find(".row2:first").text(),
                    g = $(this).find(".row2:last").text(),
                    j = $(".lpostertopic[alt='" + a + "']").text();
                $(this).html('<b><span class="tiplFMvi">Tiêu đề:</span> ' + tieude + '</b><hr><span class="tiplFMvi">Tạo chủ đề:</span> ' + d + '<br><span class="tiplFMvi">Gửi cuối:</span> ' + j + '<br><span class="tiplFMvi">Vào lúc:</span> ' + thoigian + '<hr><span class="tiplFMvi">Thuộc chuyên mục:</span> ' + e + '<br><span class="tiplFMvi">Lượt xem:</span> ' + g + '<br><span class="tiplFMvi">Trả lời:</span> ' + f + "<br>");
            })
        })
    });$(".taidulieu").hide();},
            error:function(){$("#loadoday").html('<p><font face="Courier New"><font color="red">C\u00f3 l\u1ed7i x\u1ea3y ra trong qu\u00e1 tr\u00ecnh t\u1ea3i d\u1eef li\u1ec7u.</font></font></p>')}
        })
   
      });

    </script>
    <script type="text/javascript">$(function () {
        $(".newltopic").each(function (a) {
            $(this);
            $(this).attr("id", "newlast" + a);
            a = $(this).attr("id");
            $(this).find(".ltitletopic").next().attr("alt", a);
            $(this).find(".ltitletopic").attr("alt", a);
            $(this).find(".lpostertopic").attr("alt", a);
            $(this).find(".ltimetopic").attr("alt", a);
            var b = $(this).find(".ltitletopic[alt='" + a + "']").text(),
                tieude = $(this).find(".ltitletopic[alt='" + a + "']").text(),
                d = $(this).find(".ltimetopic[alt='" + a + "']").text(),
                thoigian = $(this).find(".ltimetopic[alt='" + a + "']").text(),
                e = b.replace(/ /gi, "+"),
                f = $(this).find(".ltitletopic[alt='" + a + "']").next();
            f.load("/search?mode=searchbox&search_keywords=" + e + '&show_results=topics tr.layemno:contains("' + b + '"):contains("' + d + '")', function () {
                var d = $(this).find("#tacgiamt a[href^='/u']").text(),
                    e = $(this).find(".row3:first").text(),
                    f = $(this).find(".row2:first").text(),
                    g = $(this).find(".row2:last").text(),
                    j = $(".lpostertopic[alt='" + a + "']").text();
      $(this).html('<font size="2"><b><span class="tiplFMvi">Tiêu đề:</span><font color="#C618F2"> ' + tieude + '</font></b></font><hr><font size="3"><span class="tiplFMvi">Tạo chủ đề:</span><font color="#0D05FA"> ' + d + '</font></font><br><font size="3"><span class="tiplFMvi">Gửi cuối:</span><font color="##00AEFF"> ' + j + '</font></font><br><font size="3"><span class="tiplFMvi">Vào lúc:</span><font color="#000000"> ' + thoigian + '</font></font><hr><font size="3"><span class="tiplFMvi">Thuộc chuyên mục:</span><font color="#006600"> ' + e + '</font></font><br><font size="3"><span class="tiplFMvi">Lượt xem:</span><font color="#29F700"> ' + g + '</font></font><br><font size="3"><span class="tiplFMvi">Trả lời:</span><font color="#FF6600"> ' + f + "</font></font><br>");
            })
        })
    });
    </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>   

4/ mod_top_posters:

Code:

 <table width="100%" border="0" cellspacing="0" cellpadding="0">
<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%"><div style="margin-bottom: 10px;"><ul class="tabs"><li class="current"><span style="padding: 0px 0px;">
        <script type="text/javascript">
function showstuff(value){
document.getElementById("poster").style.display = (value == "poster") ? "block" : "none";
document.getElementById("poster1").style.display = (value == "poster1") ? "block" : "none";
document.getElementById("poster2").style.display = (value == "poster2") ? "block" : "none";
document.getElementById("poster3").style.display = (value == "poster3") ? "block" : "none";
}
</script>

<select id="changer" name="type" onchange="showstuff(this.value);">
<option value="poster">Top Tiêu Biểu Nhất</option>
</select>
 
</span></li></ul>

<div id="poster" style="display:block;"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i38.servimg.com/u/f38/16/18/15/10/158.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24" height="200">
  <img src="http://2img.net/i/fa/empty.gif" width="20" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i38.servimg.com/u/f38/16/18/15/10/225.gif">
 
 
 
    <!-- BEGIN POSTER -->
    <div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="show_tooltip(this,this.getElementsByTagName('div')[0].innerHTML,'Thông Tin Thành Viên');" onmouseout="hidetip();" class="smallfont">
          <div style="display:none">Tên:{POSTER.NAME}<br>Số Bài Post :{POSTER.NB_POSTS}</div><div class="mtmymenu"> <div class="mtmymenuu">{POSTER.NAME}</div></div>   
    </div>
    <!-- END POSTER --> 
 
 
  </td></tr></table>
      </div>

 

Bước 7: Chèn Code Sau Vào CSS:

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: #FF0000; height: 32px; font-weight: bold; }
.mainbox { background: #FF0000; 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: 400px;
  width:expression( document.body.clientWidth > 400? "400px": "auto" );
  text-align:left;
}
.tooltipFMvi{display:none;z-index:999}#tooltip{padding:0;max-width:50% !important;color:#000;border:1px solid #000;background-color:#f6f6f6;font-size:0.8em}* html #tooltip{width:30%}#tooltip *{margin:2px 5px 2px 8px}#tooltip ul{padding:0 0 0 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:12px;font-weight:bold;color:#fff;padding:1px 5px;background:#000 repeat;font-weight:bold;border:1px solid #000}.tiplFMvi{color:red}#tooltip p{padding:0 5px 0 0;color:#696969;font-size:12px;font-weight:bold}.lastmtmy1{background:#E5EFFE;border-top:1px solid #B4D0F3;border-bottom:1px solid #B4D0F3;border-left:1px solid #B4D0F3}.lastmtmy2{background:#E5EFFE;border-top:1px solid #B4D0F3;border-bottom:1px solid #B4D0F3}.lastmtmy3{background:#E5EFFE;border-top:1px solid #B4D0F3;border-bottom:1px solid #B4D0F3;border-right:1px solid #B4D0F3}

#tooltip {
max-width:550px;
position:absolute;
border-radius:3px;
color:#000;
z-index:99;
border:1px solid #fff;
background:#fff url(http://i43.servimg.com/u/f43/16/03/04/56/white_10.png);
padding:0;
}

C: Lionvip