[You must be registered and logged in to see this link.]
Demo online: [You must be registered and logged in to see this link.]

Rip by: Tuấn Anh

Code:

bước 1: ACP->Display->templates->QLTT->overall_header

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>

Xóa đi. Nếu không có thị bỏ qua bước này

bước 2: ACP->Display->templates->QLTT->index_body

cho vào đầu

Code:

<!--BEGIN LAST-->
<table width="100%" border="0"  cellpadding="0" cellspacig="0">
  <tbody>
  <tr>
 
    <td width="60%" style="height:230px;border: 1px solid
#ccc;background: #f7f2f7 
url(http://i74.servimg.com/u/f74/16/18/15/10/134.png) repeat-y left"
valign="top">
  <div style="height:12px;padding:3px;padding:0px 0px 12px 16px;border-bottom:1px solid #ccc">
 
    <span class="tin_tuc" style="color:#464a4f;border:1px solid
#d4d4d4;padding:14px 16px 6px
16px;margin-top:-10px;background:#FFF;border-bottom:0px">CODE</span>
    <a href="/f4-forum" class="tin_tuc">SKIN</a>
    <a href="/f3-forum" class="tin_tuc">LASTTOPIC</a>
    <a href="/f2-forum" class="tin_tuc">HELP</a>
    <a href="/f102-forum" class="tin_tuc">LIÊN KẾT</a>
    </div>
      <div style="background:#fff;height:10px"></div>
      <div style="width:100%;background:#fff">
      <div style="width:55%;margin-left:0px;height:230px;padding-left:10px;float:left;background:#fff" id="demo">
        <div style="height:205px;overflow:hidden;margin-bottom:4px">
          <span class="show_topic">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </span>
          <span class="show_topic" style="display:none">
            <div style="width:55%;height:4px;margin-left:7px;background:#e1e1e8"></div>
          </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>
          <script>$(".phu1
 span").click(function () {$(".phu1
span").removeClass("active");$(this).addClass("active");var a =
eval($(this).attr("id"));var b = a - 1;if (a == 3) {b == 0}$("#demo
.show_topic").hide();$("#demo .show_topic:eq(" + b +
")").show();});</script>
            </div>
        <div style="width: 40%;float: left;height: 225px;padding-left:12px;background:#fff;padding-top:5px;display:block">
      <div class="baiviet">
               
            </div>
          <br />
            <div class="baiviet">
                 
            </div>
          <br />
          <div class="baiviet">
         
            </div>
        </div>
    </div>
              </td>
 
  <td width="40%" style="height:230px;/*float:right;*/border: 1px
solid #ccc;background: #fff 
url(http://i74.servimg.com/u/f74/16/18/15/10/134.png) repeat-y
left;margin-top:5px;padding:12px;" valign="top">
    <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="#tab5" alt="topstarter">STARTER</a>
            </li>
        </ul>
    </div>


  <div id="main-lastpost" class="mitienich">
              <!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
  </div>
 
    </td>
  </tr>
  </tbody>
</table>
<script>
  $(document).ready(function()
  {$("#stabs li").click(function()
  {$("#stabs li").removeClass('active');
  $(this).addClass("active");
  $(".tab_content").hide();
  var selected_tab=$(this).find("a").attr("href");
  $(selected_tab).fadeIn();return false})});
</script>
  <script>
$(function () {
        $.ajax({url: "/feed/?f=1",
  success: function (ta) {
    for(var i=2;i<7;i++)
    {
          var DL=$(ta).find("link:eq("+i+")").text();
        $('<a href="'+DL+'" class="ava_new"></a>').appendTo('.show_topic:eq('+(i-2)+')');
 
      $('<img src="'+$(".show_topic:eq("+(i-2)+")
a").load(DL+".postbody .post-entry
img:eq(0)")+'"/>').appendTo('.show_topic:eq('+(i-2)+') a');
 
 $('<br /><strong><a
href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a></strong>').appendTo('.show_topic:eq('+(i-2)+')');
}
}})
        })
</script>
 <script>
$(function () {
        $.ajax({url: "/feed/?f=1",
  success: function (ta) {
    for(var i=2;i<5;i++)
    {
          var DL=$(ta).find("link:eq("+i+")").text();
$('<a href="'+DL+'"></a>').appendTo('.baiviet:eq('+(i-2)+')');
 
      $('<img src="'+$(".baiviet:eq("+(i-2)+")
a").load(DL+".postbody .post-entry img:eq(0)")+'"/><a
href=').appendTo('.baiviet:eq('+(i-2)+') a');
$('<a href="'+DL+'">'+$(ta).find("title:eq("+i+")").text()+'</a>').appendTo('.baiviet:eq('+(i-2)+')');
}
}})
        })
</script>
<style>
  #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: block;
padding: 2px;
}
#stabs  li.active a {
border: 1px solid #d4d4d4;
background: #FFF;
padding: 3px 5px 2px;
margin-bottom: -1px;
border-bottom: 1px solid #f7f2f7;
color: #ba3814;
}
  #stabs li a {
font: bold 11px Arial;
color: #333;
border: 1px solid transparent;
padding: 4px 7px;
}
 .hidetab
  {
    display:none;
  }
 .tab_content table tbody tr td,.tab_gun td.row2 {
height: 14px;
overflow: hidden;
font: 12px Arial;
background: #fff url(http://i73.servimg.com/u/f73/17/98/19/05/page_r10.png) no-repeat left;
padding-left: 15px;
}
 .tab_content .row2,.tab_gun .row2 {
border: 0 none;
margin-left: 3px!important;
line-height: 18px!important;
border-bottom: 1px dashed #d4d4d4!important;
}
  .anthanhcuon
  {
    height:216px;
    overflow:hidden;
  }
  .anthanhcuon:hover
  {
    height:216px;
    overflow:auto;
  }
  a.tin_tuc, .tin_tuc {
font: bold 11px Arial;
display: inline-block;
padding: 0px 14px;
border-right: 1px solid #e1e1e8;
margin-top: 2px;
}
  #demo .phu1 span.active {
cursor: default;
color: #B42000;
}
  #demo .phu1 span {
color: #333;
font: bold 11px Arial;
display: inline-block;
border: 1px solid #ccc;
padding: 3px 10px;
cursor: pointer;
border-bottom: 0px;
border-left: 0px;
margin-top: -1px;
}
  a.ava_new,span.ava_new img {
width: 239px;
height: 150px;
display: inline-block;
border: 1px solid #b0b0b0;
overflow: hidden;
margin-left: 0px;
}
  .show_topic {
display: inline-block;
height: 205px;
}
  a.ava_new img,span.ava_new img {
width: 239px;
height: 150px;
}
.baiviet
{
  width:100%;
  height:62px;
  overflow:hidden;
}
.baiviet img
{
  float:left;
  width:90px;
  height:60px;
  border:1px solid #ccc;
}
.baiviet a
{
  width:40px;
  valign:top;
  padding-left:5px;
  text-align:right;
}
</style>
<!--END LAST-->


Bước 3:ACP-->Display--> Templates-->Portal

Thay toàn bộ bằng code sau

mod_most_active_starters

Code:

<div id="tab5" class="hidetab tab_content">
  <table width="100%" border="0">
    <tbody>
      <tr></tr>
        <!-- BEGIN POSTER -->
        <tr>
            <td class="row2">
                                  <span style="float:left">{POSTER.NAME}</span>
            <span style="float:right;padding-right:5px">{POSTER.NB_TOPICS}</span>
        </td>
                          </tr>
        <!-- END POSTER -->
    </tbody>
  </table>
</div>


mod_most_active_topics

Code:


<div id="tab2" class="hidetab tab_content" >
  <table width="100%" border="0">
    <tbody>
      <tr></tr>
   
        <!-- BEGIN TOPIC -->
        <tr>
 
                        <td class="row2"><a
href="{TOPIC.LINK}" title="{TOPIC.TITLE}"><span
class="lengtht">{TOPIC.NAME}</span></a></td>
        </tr>
        <!-- END TOPIC -->
    </tbody>
      </table>
</div>
<script>$("span.lengtht").each(function(){
 if ($(this).text().length > 40)
{$(this).text($(this).text().substr(0, 40));$(this).append('...'); }
});</script>

mod_most_viewed_topics

Code:

<div id="tab3" class="hidetab tab_content">
  <table width="100%" border="0">
    <tbody>
      <tr></tr>
   
        <!-- BEGIN TOPIC -->
        <tr>
 
                        <td class="row2"><a
href="{TOPIC.LINK}" title="{TOPIC.TITLE}"><span
class="lengtht">{TOPIC.NAME}</span></a></td>
        </tr>
        <!-- END TOPIC -->
    </tbody>
  </table>
</div>
    <script>$("span.lengtht").each(function(){
        if ($(this).text().length > 40) {$(this).text($(this).text().substr(0, 40));$(this).append('...');
        }
    });</script>

mod_recent_topics

Code:


<div id="tab1" class="tab_content anthanhcuon">
<!-- BEGIN classical_row -->
  <table width="100%" border="0">
    <tbody>
      <tr></tr>
      <!-- BEGIN recent_topic_row -->
      <tr>
        <td class="row2">
 
          <a title="{classical_row.recent_topic_row.L_TITLE} -
{classical_row.recent_topic_row.S_POSTTIME}"
href="{classical_row.recent_topic_row.U_TITLE}"><span 
class="lengtht"
>{classical_row.recent_topic_row.L_TITLE}</span></a>
          <span style="float:right">
       
            <!-- BEGIN switch_poster -->
 
    <a
href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->
          </span>
          </td>
     
          </tr>
 
      <!-- END recent_topic_row -->
  </tbody>
    </table>
<!-- END classical_row -->
    <script>$("span.lengtht").each(function(){
        if ($(this).text().length > 30) {$(this).text($(this).text().substr(0, 30));$(this).append('...');
        }
    });</script>

mod_top_posters

Code:

<div id="tab4" class="hidetab tab_content">
  <table width="100%" border="0">
    <tbody>
      <tr></tr>
      <!-- BEGIN POSTER -->
      <tr>
        <td class="row2">
                          <span style="float:left">{POSTER.NAME}</span>
        <span style="float:right;padding-right:5px">{POSTER.NB_POSTS}</span>
                          </td>
      </tr>
      <!-- END POSTER -->
    </tbody>
  </table>
</div>

Bước 4: ACP-->Modules--> Portal & Widgets-->Forum widgets management

Xắp xếp theo hình
[You must be registered and logged in to see this link.]
Bước 5: Vào index_body tìm

Code:

/feed/?f=1

hay số 1 thành id chuyên mục muốn hiện thị

cho 1 phiếu

nice