Demo:

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

[You must be registered and logged in to see this image.]

Bước 1 :

Thay toàn bộ code Mod_most_active_topics bằng code sau:

Code:

<div style="width:48%;float: right;padding:2px;height:155px;overflow:hidden"> <table>
    <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://i1036.photobucket.com/albums/a449/a1tinhgia3/image/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/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://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"> <span><font style="font-family: Tahoma; font-size: 11px"><!-- BEGIN TOPIC --><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}"><span class="krokodil3"> {TOPIC.NAME}</a><br/><!-- END TOPIC -->
      </td></tr></table></td></tr></table>
    </div>
<script>$(".krokodil3").each(function(){
        if ($(this).text().length > 40) {$(this).text($(this).text().substr(0, 37));$(this).append('...');
        }
    });</script>

Bước 2 : Thay toàn bộ code Mod_news bằng code sau:

Code:

</td><td width="52%" valign="top"><div id="TabView" class="TabView" ><div width="100%" class="Tabs" style="color:#000000;"><div style="width:255px;float: left;padding-top:4px;overflow: hidden">Tin tức chung PhuTu <span class="groupButton" id="
buttonPlay">
        <img src="http://i28.servimg.com/u/f28/16/18/15/10/prev10.gif" alt="prev" align="absmiddle" id="news_prev" />
        <img src="http://i28.servimg.com/u/f28/16/18/15/10/pause10.gif" alt="pause" align="absmiddle" id="news_pause" /> <img src="http://i28.servimg.com/u/f28/16/18/15/10/next10.gif" alt="next" align="absmiddle" id="news_next" />
      </span></div><div style="width:48%;float: right;padding-top: 5px;">Thông tin giải đấu</div></div></div><div style="width:50%;float: left;padding-top:5px"><style>
.hinh img{ display:none}           
            .highlightHeadline{ display:inline; float:left; width:250px;}
            .itemHead{ display:none}
            .groupButton{ text-align:right;}
            .groupButton img{ cursor:pointer;width:16px;height:18px;pading:1px;}
            .listHeading{ width:250px; float:left}
.avatarcpa img:hover{border:2px solid #3f3f40}
.avatarcpa img {
              width:240px;height:118px;
      background: #ffffff;
      border:2px solid #cccccc;
  padding:3px}
.avatarcpa {background:url(http://i48.servimg.com/u/f48/16/18/15/10/untitl24.jpg);}
</style> 
  <script src="http://phutu.7forum.net/h25-page" type="text/javascript"></script>
<div class="lineHeading">
  <div class="highlightHeadline">
      <div id="slideshow" style="height: 160px;overflow:hidden;"></div>
      <div id="myHeading">
                    <!-- BEGIN post_row --><div class="itemHead">
                               
                  <div style="font-size: 0px; line-height: normal;width:250px;height:128px;overflow:hidden;" class="avatarcpa" title="{post_row.TITLE}"><a href="{post_row.U_VIEW_COMMENTS}">{post_row.TEXT}</a></div><img src="http://i48.servimg.com/u/f48/16/18/15/10/ico_ne10.gif"><a href="{post_row.U_VIEW_COMMENTS}"><b>{post_row.TITLE}</b></a></div><!-- END post_row -->
              </div>
     
  <script type="text/javascript">
    var newsoption1 = { firstname: "myHeading", secondname: "slideshow", thirdname:"news_display", fourthname:"buttonPlay", newsspeed:'6000', imagedir:'http://garena.vn/templates/vnb2011/images/', mouseover: false }; $.init_news(newsoption1); </script>

  </div>
</div>

Bước 3 : Thay toàn bộ code Mod_recent_topics bằng code sau:

Code:

<style type="text/css">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 #E3E3E3;};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://i1209.photobucket.com/albums/cc400/dothinh1105/CSS/bgtit10.gif");border-bottom: 1px #dbdbdb solid;height: 19px!important;padding: 1px 2px 4px 3px;}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-image: url(http://i38.servimg.com/u/f38/14/28/30/23/untitl22.jpg); /* 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 */}.tcat{padding:2px; border-bottom:1px #dbdbdb dashed;font-size: 10px; font-style: italic;}
.bai_moi a:hover{text-decoration: none!important;}</style><script type="text/javascript" src="http://lethanhton.googlecode.com/files/Tab.js"></script>

<div id="TabView" class="TabView" style="padding: 0px;"><div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài Viết Mới</a><a>Bài hữu ích</a><a>Bài xem nhiều nhất</a><a>Hướng Dẫn</a><a>Thống kê</a><a>Nội quy chung</a> <ul class="tabs" id="vietvbb_topstats_t">  <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul></div><div style="height:380px"class="Pages">
    <div class="Page"><table style="border-bottom-width: 0px;"  border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
    <td style="background-color:#ffffff;height:380px;overflow:hidden;" class="bai_moi"><table width="100%" ellspacing="0" cellpadding="0" border="0" valign="top">
<!-- BEGIN classical_row -->
<!-- BEGIN recent_topic_row --><tr><td width="78%" style="border-bottom: 1px dashed #E3E3E3"><img src="http://r22.imgfast.net/users/2211/12/43/96/album/post_n10.gif"> <a href="{classical_row.recent_topic_row.U_TITLE}" title="Click to view post" target="_blank">▼</a><a href="{classical_row.recent_topic_row.U_TITLE}" title="{classical_row.recent_topic_row.L_TITLE} {classical_row.recent_topic_row.S_POSTTIME}"><span class="krokodil2" style="font-family: Tahoma; font-size: 12px">{classical_row.recent_topic_row.L_TITLE}</span></a>
</td><td width="22%" style="border-bottom: 1px dashed #E3E3E3"><!-- BEGIN switch_poster -->
            <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"  title="{classical_row.recent_topic_row.S_POSTTIME}"><span style="font-family: Tahoma; font-size: 13px">{classical_row.recent_topic_row.switch_poster.S_POSTER}</span></a><!-- END switch_poster --> </td></tr><!-- END recent_topic_row --><!-- END classical_row --></table>
      </td></tr></tbody></table></div>

Bước 4 :
Vào Overall_header tìm đoạn code sau:

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

-rồi xóa nó đi.

Bước 5 : Thêm đoạn code sau vào đầu của Index_body:

Code:

<style>
#baiviet12 .hien_thi{overflow:hidden;padding-top:2px;width:500px}
#baiviet1 .hien_thi {overflow:hidden;height:50px}
#baiviet12 .an_phutu1{font-size:12px;font-weight: normal;background: url(http://i48.servimg.com/u/f48/14/28/30/23/untitl51.png) no-repeat 0px 6px;padding-left:12px;}
#baiviet12 .krokodil {display:none}
.avatarcp embed,.title_new1 embed,#hinh embed,#hinh span{ display:none}
#hinh strong{font-weight: normal;}
#baiviet br{display:none}#baiviet{font-size:0px} #baiviet img{
              width:126px;height:84px;
      border:1px solid #626263;margin-bottom:10px} .size_new1,#baiviet1 img,#baiviet a:link{display:none} #baiviet a:visited{display:none}
  .baiviet a:visited,.baiviet a:link,.baiviet a:hover, .baiviet2 a:visited,.baiviet2 a:link,.baiviet2 a:hover{font-size:14px;font-weight:bold;text-decoration: none!important} 
.baiviet2 br,.baiviet br{display:none}
.hinh img{ display:none} .an_phutu{display:none} #baiviet .hien_thi{height:86px;margin:hidden;}
</style>
<div class="boxcontainer"> <div class="box_04"> <div class="box_05"> <table style="width: 100%" cellpadding="0" cellspacing="0" dir="ltr"> <tr> <td class="box_01"> <img class="imgborder" src="http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif" width="13" height="37" alt="" /></td> <td class="boxheaderbar"> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse"> <tr> <td class="width100"> <div class="boxbar"> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse"> <tr> <td class="boxcolorbar_01"> <img class="imgborder" src="http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif" width="6" height="24" alt="" /></td> <td class="boxcolorbar"></td>
<td class="boxcolorbar_03"> <img src="http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif" width="6" height="24" alt="" class="imgborder" /></td> </tr> </table> </div> </td> <td></td> </tr> </table> </td> <td class="box_03"> <img class="imgborder" src="http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif" width="13" height="37" alt="" /></td> </tr> </table> <div class="boxcontents"><table width="100%" cellspacing="0" cellpadding="0" border="0" style="border: 1px solid #F0F0F0"><tr><td width="100%"style="background-color:#ffffff;border: 1px solid #E3E3E3"><table width="100%" style="height:380px;overflow:hidden;" " cellspacing="0" cellpadding="0" border="0" ><tr>
<td width="48%" valign="top">
    <!-- BEGIN giefmod_index1 -->  {giefmod_index1.MODVAR}<!-- END giefmod_index1 -->
<style type="text/css">
/* Style cho menu Tabs1 */
#baiviet_1 .baimoiblog1{height:16px;overflow:hidden}
div.TabView1 div.Tabs1
{height: 22px; /* chiều cao của tab menu */
overflow: hidden;border-bottom: 1px solid #1f527a;margin-bottom:5px;
width:80%}div.TabView1 div.Tabs1: hover{height: 25px; /* chiều cao của tab menu */overflow: hidden}
div.TabView1 div.Tabs1 a  {float: left;display: block;background-color:#f4f9fc;text-align: center;;padding: 4px 7px;vertical-align: middle;border:1px solid #CFCFCF; /* đường viền quanh Tabs1 menu */text-decoration: none;font-family: Tahoma;font-size: 11px;color: #0000A0;margin-right:4px;}
div.TabView1 div.Tabs1 a:hover{;background:#f5f5f5;color:#bf226c;text-decoration: none!important;}
div.TabView1 div.Tabs1 a.Active {border: 1px solid #1f527a;background:#1f527a;color:#ffffff}

/* Style cho phần text nội dung của mỗi tab */
div.TabView1 {clear: both;border: 0px solid #ffffff;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}
div.TabView1 div.Pages div.Page{height: 100%;padding: 0px;border: 0px solid #cad9ea;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}</style>

<script type="text/javascript" src="http://phutu.7forum.net/h17-page"></script><div id="TabView1" class="TabView1" style="padding: 0px;"><!--
 Tabs1 --><div width="100%" class="Tabs1">

<a class="Active1" href="javascript:TabView1_switch('TabView1', 1);"><img src="http://i48.servimg.com/u/f48/16/18/15/10/114.gif"> Chuyện lạ - Tip Vip</a><a>Xã hội - Khoa học <img src="http://i48.servimg.com/u/f48/14/28/30/23/3drigh10.png"></a>
<ul class="Tabs1" id="vietvbb_topstats_t" >  <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul>
</div>
<!-- nội dung Tabs1 --><div style="height:187px; width:500px" class="Pages">
<div class="Page"><div style="margin:auto;text-align:left;width:100%">


<table width="500" cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top"><div  class="baiviet" style="overflow:hidden; width:128px; height:86px; border-top: 0px none; float: left" id="baiviet"></div><div style="float: left; width:340px"><div class="baiviet" style="overflow:hidden; width:340px; height:50px; border-top: 0px none; padding: 0px;padding: 1px 0px 0px 5px;" id="baiviet1"></div>

<div style="height:32px;overflow:hidden;float: left;">
<div  id="baiviet12" class="baiviet" style="float: right; width:300px; border-top: 0px none; padding: 0px;padding: 1px 0px 0px 20px;margin-top:-20px"></div>
</div></div>

<div style="float: right"><img src="http://i48.servimg.com/u/f48/16/18/15/10/untit100.png"><a href="/f62-forum" target="_blank"0><img src="http://i48.servimg.com/u/f48/16/18/15/10/120.png"></a></div>


</td></tr><tr><td style="padding-top:3px;"> <div  class="baiviet2" style="overflow:hidden; width:128px; height:86px; border-top: 0px none; float: left" id="baiviet"></div><div style="float: left; width:340px"><div class="baiviet2" style="overflow:hidden; width:340px; height:50px; border-top: 0px none; padding: 0px;padding: 1px 0px 0px 5px;" id="baiviet1"></div>

<div style="height:32px;overflow:hidden;float: left;">
<div  id="baiviet12" class="baiviet2" style="float: right; width:300px; border-top: 0px none; padding: 0px;padding: 1px 0px 0px 20px;margin-top:-20px;"></div>
</div></div>
<div style="float: right;"><a href="/f89-forum" target="_blank"0><img src="http://i48.servimg.com/u/f48/16/18/15/10/214.png"></a></div>
</td></tr></table>
</div></div>

<div class="Page"><div style="margin:auto;text-align:left;width:100%" >
Chưa có nội dung
</div></div></div>
<script>
$(function() {
$('<span class="bv" />').load('http://phutu.7forum.net/f2-forum .baimoiblog:not(".baimoiblog:contains(\'Chú ý\'),.baimoiblog:gt(2)")', {limit: 10}, function() {
jQuery(this).hide()
.appendTo('.baiviet')
.fadeIn(1);
});
$('<span class="bv" />').load('http://phutu.7forum.net/f3-forum .baimoiblog:not(".baimoiblog:contains(\'Chú ý\'),.baimoiblog:gt(2)")', {limit: 10}, function() {
jQuery(this).hide()
.appendTo('.baiviet2')
.fadeIn(1);
});
return false;
});
</script>
<script>$(".krokodil2").each(function(){
        if ($(this).text().length > 50) {$(this).text($(this).text().substr(0, 47));$(this).append('...');
        }
    });</script>
<script type="text/javascript">TabView1_initialize('TabView1');</script>

</body>
</html>
</td></tr></table></td></tr></table>

</div> <table style="width: 100%" cellpadding="0" cellspacing="0" dir="ltr"> <tr> <td class="box_06"> <img class="imgborder" src="http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif" width="8" height="6" alt="" /></td> <td style="width: 100%" class="boxfooterbar"></td> <td class="box_08"> <img class="imgborder" src="http://i28.servimg.com/u/f28/14/28/30/23/spacer10.gif" width="8" height="6" alt="" /></td> </tr> </table> </div> </div> </div>

Bước 6: Cài đặt Forum Widgets management như hình dưới:

[You must be registered and logged in to see this image.]

Bước 7 : Trong Widgets management click vào bx của Recent topic:

-Number of recent topics : 20
-Activate the topics scrolling : Chọn "Không"

Xong !