[Share] Lasttopic Phutu Chuẩn[✔]

[banhuy52]

Demo :



Demo online: http://phutu.vn

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



Bước 5: Vào index_body tìm

Code:

/feed/?f=1

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

Nguồn : http://codeforumotion.forumvi.com

[huypro2105]

ngon  

[MR.Rồng]

Tks vì có công share  

[huypro2105]

cái này xài dc trên phpbb2 không ? sao mình làm không dc z ???

[anhoang_qn]

ủa - hông phải là share rồi hả - vs lại k phải của phutu01 share thì sao bảo chuẩn được

[Sponsored content]