Share last phutu.vn đơn giản[✔]

[pro_qng]

đầu body nè

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=29",
      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=29",
      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>
<style>
      .pun a.tin_tuc,.tin_tuc {font:bold 11px Arial;display:inline-block;border-right:1px solid #ccc;margin-top:2px;padding:0 10px;}a.ava_new {width:226px;height:136px;display:inline-block;border:1px solid #b0b0b0;overflow:hidden;margin-left:-4px;font-size:0!important;padding:2px;}a.ava_new img {width:226px;height:136px;}.pun a.a_new {font:bold 12px Verdana;}#baiviet img,#baiviet .blog_pt1 div,#baiviet .blog_pt2 {display:none;}.pun #baiviet #blog_tintuc a {display:inline-block;font:bold 12px/17px Arial,Helvetica,verdana,arial,sans-serif;height:52px;overflow:hidden;}.pun #baiviet #blog_tintuc a.ava_pt {border:1px solid #737373;display:inline-block;width:86px;height:58px;overflow:hidden;float:left;margin-right:6px;margin-top:-2px;}#baiviet .ava_pt img {display:inline-block;max-width:86px;min-height:58px;}#baiviet .blog_pt1 {display:inline-block;width:100px;margin-top:-2px;padding-right:9px;}#baiviet #blog_tintuc {margin-top:4px;height:62px;margin-left:5px;display:inline-block;background-color:#FFF;overflow:hidden;border-bottom:1px solid #ebebeb;padding-top:4px;}.baiviet2#baiviet #blog_tintuc {border:0;}#demo .phu1 span {width:22px;height:20px;background:url(http://i35.servimg.com/u/f35/16/18/15/10/180.png)no-repeat;display:inline-block;cursor:pointer;}#demo .phu1 span.active {cursor:default;background:url(http://i35.servimg.com/u/f35/16/18/15/10/216.png)no-repeat;}.show_topic {display:inline-block;height:210px;padding-left:4px;}
    </style>
<style>
      .leftStats{float:left;margin-left:-71px;vertical-align:middle;width:60px}.rightStats{min-height: 50px;border-left:2px solid #CFC9C9;padding-left:10px;width:710px;margin:5px 10px 5px 70px}.starsTitle{background-color:#BFBFBF;border:1px solid #989898;color:#F8FF04;font-family:Comic Sans MS;font-variant:small-caps;font-weight:700;padding:5px}
    </style><style>
      .muc_post {height:11px;overflow:hidden;font:bold 11px Tahoma;margin-bottom:2px;border-top:1px dashed #ebebeb;padding:2px 0 4px;}.x123 {overflow:hidden;display:none;}.x123:hover {overflow:auto;}#thai_tab {height:auto;margin-top:-3px;margin-bottom:5px;}#stabs li {display:inline;list-style:none;}.pun #stabs li a {font:bold 11px Arial;color:#333;border-right:1px solid #d4d4d4;padding:2px 7px;}#stabs li.active a {color:red;}#tab5 hr {border:0;border-bottom:1px dashed #d4d4d4;width:100%;margin:1px 0 3px;padding:0;}#tab5 img {margin-left:6px;}.muc_post span.ten1 {display:none;color:#fff;font:bold 11px Arial;width:103px;height:13px;}.muc_post a:hover span.ten1 {display:inline-block;position:absolute;margin-left:-118px;background:#000 url(http://i35.servimg.com/u/f35/16/18/15/10/117.png)no-repeat right top;margin-top:-4px;padding:4px 6px;}.pun a.topicn {display:inline-block;width:220px;overflow:hidden;height:15px;font:bold 12px Tahoma;}.pun a.topici {float:left;margin-right:4px;display:inline-block;width:10px;height:11px;background:url(http://r22.imgfast.net/users/2211/12/43/96/album/post_n10.gif)no-repeat;margin-top:2px;}.pun a.topicb {display:inline-block;width:60px;overflow:hidden;height:13px;margin-left:5px;}
    </style>
    <!--END LAST-->

[pro_qng]

recent

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>

Top

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 theo thứ tự

Recent topics


Xóa
Most active topics
All
Rights



Xóa
Most Viewed Topics
All
Rights



Xóa
Top posters
All
Rights

Sửa chữa

Xóa
Most active topic starters
All
Rights



Xóa

[Draudrey]

Ai không hiểu thì sắp xếp widget thế này:
Recent topics
Most active topics
Most Viewed Topics
Top posters
Most active topic starters

[pro_qng]

[banhuy52]

Hình Như Là Bị Lỗi : http://face.yourme.net

[MR.Rồng]

Rất Hay
Nhìn Trông khá đẹp  

[Hades]

last này share rồi mà  

[mrkunvl]

đã share bên forumotion rồi bác này còn ko ghi nguồn cơ @@

[Lowie]

share mà không cho demo khác nào nói nhảm  

[minhphong9x94]

demo ???
bạn nên sửa lại bài viết cho đẹp nhé, hic

[Sponsored content]