Announcements
Top posters
Light Knight (379)
 
harryumefor (15)
 
WallPoints (5)
 
Zuni Thoang (4)
 

Most active topic starters
Top posting users this week


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

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

avatar
Light Knight
Admin
Giới Tính : Nam Số Bài Gửi Số Bài Gửi : 379
Tài Khoản Tài Khoản : 58523
Được Cảm Ơn Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :

Tài Sản
Tài Sản: thuthoi41
Xem lý lịch thành viên http://knight.cool.st

Bài gửiLight Knight

[You must be registered and logged in to see this image.]
cho vào đầu body
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-->
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>

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

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

Nguồn : ChinhPhuc

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

Share this post on: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết