ad nào giúp em làm cái last này với 

Cho vào đầu index_body

Code:


<!--BEGIN LAST-->
<table width="100%" border="0"  cellpadding="0" cellspacig="0"> 
  <tbody>
  <tr>
    <td width="50%" 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>
      <td width="50%" style="height:230px;border: 1px solid #ccc;background: #fff ;margin-top:5px;padding:12px;" valign="top">
        <div id="thai_tab">
        <ul id="stabs">
            <li class="active"><a alt="last-mia">Code</a>
            </li>
        </ul>
    </div>
        <div id="main-lastpost" class="mitienich">
          <div class="anthanhcuon tab_code">
            <table width="100%" border="0">
    <tbody>
      <tr></tr>
        <div id="TopicCode"></div>
              </tbody>
            </table>
          </div>
        </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=19",
   success: function (ta) {
    for(var i=2;i<12;i++)
    {
    $("<tr><td class='row2'><a href='"+$(ta).find('link:eq('+i+')').text()+"'><span class='lengtht'>"+$(ta).find('title:eq('+i+')').text()+"</span></a><span style='float:right;color:#32F00C;'>"+$(ta).find('creator:eq('+(i-2)+')').text()+"</span></td></tr>").appendTo("#TopicCode");
    }
}})
        })
</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_code 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_code .row2 
{
border: 0 none;
margin-left: 3px!important;
line-height: 18px!important;
border-bottom: 1px dashed #d4d4d4!important;
}
.tab_code .row2 
{
   width:420px;
}
  .anthanhcuon
  {
     height:216px;
     overflow:hidden;
  }
  .anthanhcuon:hover
  {
     height:216px;
     overflow:auto;
  }
 
  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;
}
</style>
<!--END LAST-->


Vào ACP->Display->Templates->Portal-->Thay lần lượt các 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_topic

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}">{TOPIC.NAME}</a></td>
         </tr>
         <!-- END TOPIC -->
    </tbody>
      </table>
</div>
   


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}">{TOPIC.NAME}</a></td>
         </tr>
         <!-- END TOPIC -->
    </tbody>
  </table>
</div>


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 > 40) {$(this).text($(this).text().substr(0, 40));$(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>


sắp xếp widgets

tks bạn

Ad ơi.... mình làm theo trên kia mà bị vậy nè... 


Forum mình là http://angellove.forumvi.com/
Phiên bản: Punbb