Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

[Share] Lasttopic Phutu Chuẩn

  • Please log in to post a topic
  • tuongpro

    tuongpro

    Group: Member

    Hiện đang:
    Bài viết : 89
    Points : 224
    Birthday : 03/03/1991
    Thanks : 87
    Đến từ : ninh binh

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :1

    Đăng vào:on 13/12/2013, 23:36

    Member
    [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ị

    #1 - Posted on 13/12/2013, 23:36
    Xem lý lịch thành viên

    Khai•Tâm

    Khai•Tâm

    Group: Member

    Hiện đang:
    Bài viết : 170
    Points : 232
    Thanks : 33

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :2

    Đăng vào:on 15/12/2013, 07:38

    Member
    cho 1 phiếu cười lăn lộn

    #2 - Posted on 15/12/2013, 07:38
    Xem lý lịch thành viên

    arber

    arber

    Group: Member

    Hiện đang:
    Bài viết : 64
    Points : 64
    Birthday : 01/01/1980
    Thanks : 0
    Đến từ : google

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :3

    Đăng vào:on 28/3/2016, 08:36

    Member
    nice

    #3 - Posted on 28/3/2016, 08:36
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :4

    Đăng vào:Today at 03:08

    #4 - Posted Today at 03:08

    Đang kiểm tra dữ liệu...

    Bạn phải điền đầy đủ thông tin đăng ký.

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Free blog
    YOUR BANNER HERE
    728x90