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

[Lasttopic] GamePCV nhiều tab

  • Please log in to post a topic
  • An Nguyễn

    An Nguyễn

    Group: S.mod

    Hiện đang:
    Bài viết : 660
    Points : 1092
    Birthday : 27/06/1995
    Thanks : 262
    Đến từ : Bà Rịa - Vũng Tàu

    S.mod
    Xem lý lịch thành viên http://xomnet.info

    S.mod
    Bài viết thứ :1

    Đăng vào:on 26/2/2014, 18:52

    S.mod
    demo :


    mod_recent_topics :
    Code:
    <div id="left" style="z-index:998;position: relative;
      float: left;width: 600px;margin-right: 10px;height: 242px;padding-top: 1px;">
     
    <div class="module main">
      <div class="tag mekiep">
        <div data="0" class="last active">Bài mới</div>
        <div data="1" class="last">WebGames</div>
        <div data="9" class="last">Tool Games</div>
        <div data="5" class="last">Vlcm Private</div>
      <div data="79" class="last">Tin Tức</div>
     </div>
     
      <div id="loadddddd" style="display:none"> 
          </div>
         
            <div class="main-content ******" style="padding:2px;overflow: auto !important;
    height: 200px;">
              <div style="background: url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif) no-repeat -2px 0px transparent;padding: 0px 1px 1px 1px;padding-left: 21px;">
                        <div style="background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif) repeat;">
            <ol id="lastest" class="forum0 activea">
           
            <!-- BEGIN classical_row -->



     <!-- BEGIN recent_topic_row -->
             
             
              <li>
                <span class="aaa" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
               
     <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>

       
                </span>
    <!-- BEGIN switch_poster -->
                  <span class="toppost" style="float:right;margin-right: 5px;">
     <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
     
                </span>
                    <!-- END switch_poster -->
     

         
              </li>
            <!-- END recent_topic_row -->

    <!-- END classical_row -->
           
           
           
            </ol>
                </div>
              </div>
              <div style="background: url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif) no-repeat -2px 0px transparent;padding: 0px 1px 1px 1px;padding-left: 21px;">
                        <div style="background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif) repeat;">
            <ol id="lastest" class="forum1">
             
              <li>
             
                <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:460px!important">

                       

    </span>
            </li></ol>
                </div></div>
      <div style="background: url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif) no-repeat -2px 0px transparent;padding: 0px 1px 1px 1px;padding-left: 21px;">
                        <div style="background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif) repeat;">
              <ol id="lastest" class="forum9"><li>
                <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:460px!important">


    </span></li></ol>
        </div>
              </div>
      <div style="background: url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif) no-repeat -2px 0px transparent;padding: 0px 1px 1px 1px;padding-left: 21px;">
                        <div style="background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif) repeat;">
                <ol id="lastest" class="forum5"><li>
                  <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:460px!important">

    </span></li></ol>
        </div>
        </div>
               

      <div style="background: url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif) no-repeat -2px 0px transparent;padding: 0px 1px 1px 1px;padding-left: 21px;">
                        <div style="background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif) repeat;">
    <ol id="lastest" class="forum74"><li>
                  <span style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:460px!important">


              </span></li> 
    </ol>   
        </div>
              </div>
                  </div></div>
     
     
     
     

      </div>
    <style>




    #content-container div#left {
    float: none;
    margin-bottom: 10px;
    width: 100%;
    }
    .module.main {
    margin: 0!important;
    }
    #lastest a{
      font-weight:bold;
      }
      #lastest .aaa a{
    font: bold 12px Tahoma;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
     
      }
    .tag div {
    background-color: #171f35;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: lighter;
    height: 34px;
    line-height: 34px;
    margin: 0 5px 0 0;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
      font-weight: bold;
    }
    .tag div.active{background-color:#434b5e;color:#FFF}
    .****** ol{display:none}.****** ol.activea{display:block}

    .tabs{background:#EFEFEF;border-bottom:1px solid #CAD9EA;border-top:1px solid #FFF;margin:0 0 5px;
      padding:0 0 26px}
    .tabs li{border-right:1px solid #b4d0f3;float:left;font-size:11px;height:30px;
      line-height:30px;list-style:none}

    .tabs li.current{background:#f7f7f7;font-weight:700;height:27px}

    #lastest {
    line-height: 20px;
    list-style:none;
    }
    .****** ol.activea {
    display: block;
    }


    .****** ol {
    display: none;
    }


    </style>

    <script>$(function() {$(".tag div").click(function() {$(".active").removeClass("active");$(this).addClass("active");var a = $(this).attr("data");0 != a ? ($("#loading").show(),$("#loadddddd").load("/f" + a + "-forum .table tr", function() {var b = "";for(i = 1;i < $("#loadddddd tr").length;i++) {b = b + '<li><span class="aaa" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:460px!important">' + $(this).find('tr:eq('+i+') .topic-title').html() +'</span>  <span style="float: right;margin-right: 5px;">' + $(this).find('tr:eq('+i+') td.tcr strong').html() + '</span></li>'}$(".activea").removeClass("activea");$(".forum" + a).addClass("activea").html(b);$("#loading").fadeOut();})) : ($(".activea").removeClass("activea"), $(".forum" + a).addClass("activea"))})});</script>

    mod_top_post_users_month:
    Code:
    <div id="official" style="display: none;overflow: hidden!important;"><div class="main-content1" style="background-color: #fbfbfb;
    border: 1px solid #ddd;padding: 2px;">
              <td height="50%" width="50%" id="toptuan" valign="top">

         
                      <div id="poster" style="display:block;">
    <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" height="200"><img src="http://illiweb.com/fa/empty.gif" width="24" border="0" /></td><td style="padding-bottom: 4px;border-top: 0px none;padding-right: 5px;line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"><!-- BEGIN POSTER --><font style="font-family: Tahoma; font-size: 12px">  <span onmouseover="show_tooltip(this,'{POSTER.NB_POSTS}','','black')" class="{POSTER.ROW_CLASS}" width="1%">{POSTER.NAME}</span><span style="float:right;">{POSTER.NB_POSTS}</span></font><br/><!-- END POSTER --></td></tr></table></div>
     
          </td>

      </div></div>
     

    mod_top_post_users_week :
    Code:
    <div class="usual">
              <ul class="idTabs">
             
                <li><a href="#jquery" class="selected">Mem Tuần</a></li>
                <li><a href="#official" class="">Mem Tháng</a></li>
                <li><a href="#tvtop" class="">Mem Top</a></li>
              </ul>
              <div id="jquery" style="display: block;overflow: hidden!important;"><div class="main-content1" style="background-color: #fbfbfb;
    border: 1px solid #ddd;padding: 2px;">
              <td height="50%" width="50%" id="toptuan" valign="top">

         
                      <div id="poster" style="display:block;">
    <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" height="200"><img src="http://illiweb.com/fa/empty.gif" width="24" border="0" /></td><td style="padding-bottom: 4px;border-top: 0px none;padding-right: 5px;line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"><!-- BEGIN POSTER --><font style="font-family: Tahoma; font-size: 12px">  <span onmouseover="show_tooltip(this,'{POSTER.NB_POSTS}','','black')" class="{POSTER.ROW_CLASS}" width="1%">{POSTER.NAME}</span><span style="float:right;">{POSTER.NB_POSTS}</span></font><br/><!-- END POSTER --></td></tr></table></div>
     
          </td>

      </div></div>
           
          </div>
    <script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script>

    <style>

    .usual li{
    line-height: 34px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 0!important;
      margin: 0 5px 0 0;
    }
    .usual li a{
    padding-left: 15px;
    padding-right: 15px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #171f35;
    color: #fff!important;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    margin-left: -1px;
      font-family: Arial, Helvetica, sans-serif;
    }
    .selected {
    background: #434b5e!important;
    text-align: center;
    z-index: 9!important;
    color: #fff;
      border-left: 5px solid #6cb2e4;
    }
    </style>

    mod_top_posters :
    Code:
     <div id="tvtop" style="display: none;overflow: hidden!important;"><div class="main-content1" style="background-color: #fbfbfb;
    border: 1px solid #ddd;padding: 2px;">
              <td height="50%" width="50%" id="toptuan" valign="top">

         
                      <div id="poster" style="display:block;">
    <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" height="200"><img src="http://illiweb.com/fa/empty.gif" width="24" border="0" /></td><td style="padding-bottom: 4px;border-top: 0px none;padding-right: 5px;line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"><!-- BEGIN POSTER --><font style="font-family: Tahoma; font-size: 12px">  <span onmouseover="show_tooltip(this,'{POSTER.NB_POSTS}','','black')" class="{POSTER.ROW_CLASS}" width="1%">{POSTER.NAME}</span><span style="float:right;">{POSTER.NB_POSTS}</span></font><br/><!-- END POSTER --></td></tr></table></div>
     
          </td>

      </div></div>

    Sắp Xếp Widget như hình sau :


    Nguồn : GamePCV

    #1 - Posted on 26/2/2014, 18:52

    __________________________________________________________________________________________
    FORUM GAME:  NGOINHAGAME.COM
    Xem lý lịch thành viên http://xomnet.info

    hoangtuan

    hoangtuan

    Group: Member

    Hiện đang:
    Bài viết : 102
    Points : 191
    Birthday : 19/02/1994
    Thanks : 75
    Đến từ : nam định

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

    Member
    Bài viết thứ :2

    Đăng vào:on 26/2/2014, 19:12

    Member
    last nayf hinh nhu share roi

    #2 - Posted on 26/2/2014, 19:12
    Xem lý lịch thành viên

    Diêm Vương

    Diêm Vương

    Group: Member

    Hiện đang:
    Bài viết : 144
    Points : 180
    Birthday : 16/10/1990
    Thanks : 8
    Đến từ : Hải phòng

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

    Member
    Bài viết thứ :3

    Đăng vào:on 26/2/2014, 19:57

    Member
    dsfsdfsdfsdfsdfsdf

    #3 - Posted on 26/2/2014, 19:57
    Xem lý lịch thành viên

    Kênh Game 8

    Kênh Game 8

    Group: Member

    Hiện đang:
    Bài viết : 263
    Points : 360
    Thanks : 47

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

    Member
    Bài viết thứ :4

    Đăng vào:on 27/2/2014, 13:20

    Member
    đủ hết chưa z

    #4 - Posted on 27/2/2014, 13:20
    Xem lý lịch thành viên

    miki

    miki

    Group: Member

    Hiện đang:
    Bài viết : 18
    Points : 20
    Thanks : 0

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

    Member
    Bài viết thứ :5

    Đăng vào:on 13/4/2014, 05:47

    Member
    cho mình hỏi sửa link ở mấy cái tab như thế nào vậy?

    #5 - Posted on 13/4/2014, 05:47
    Xem lý lịch thành viên

    Swars.Info

    Swars.Info

    Group: Member

    Hiện đang:
    Bài viết : 49
    Points : 53
    Birthday : 23/08/1997
    Thanks : 0
    Đến từ : Swars.Info

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

    Member
    Bài viết thứ :6

    Đăng vào:on 13/4/2014, 08:01

    Member
    ai bík cách chuyển tag k
    e làm hoài nó k chuyển

    #6 - Posted on 13/4/2014, 08:01
    Xem lý lịch thành viên

    miki

    miki

    Group: Member

    Hiện đang:
    Bài viết : 18
    Points : 20
    Thanks : 0

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

    Member
    Bài viết thứ :7

    Đăng vào:on 13/4/2014, 20:23

    Member
    mình cũng vậy, ai biết chỉ với, plzzzzz
    Thay link tab thế nào vậy? mình thử để link vào mà ko đc

    #7 - Posted on 13/4/2014, 20:23
    Xem lý lịch thành viên

    TopDragon

    TopDragon

    Group: S.mod

    Hiện đang:
    Bài viết : 494
    Points : 706
    Birthday : 05/03/1998
    Thanks : 202
    Đến từ : TPHCM

    S.mod
    Xem lý lịch thành viên http://truefriends.123.st

    S.mod
    Bài viết thứ :8

    Đăng vào:on 14/4/2014, 07:10

    S.mod
    Thiếu code rùi ... xem lại đii An

    #8 - Posted on 14/4/2014, 07:10
    Xem lý lịch thành viên http://truefriends.123.st

    miki

    miki

    Group: Member

    Hiện đang:
    Bài viết : 18
    Points : 20
    Thanks : 0

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

    Member
    Bài viết thứ :9

    Đăng vào:on 19/4/2014, 05:09

    Member
    upppppppppp
    ai bik chỉ vs, mình đang cần, thanks

    #9 - Posted on 19/4/2014, 05:09
    Xem lý lịch thành viên

    cuong8118

    cuong8118

    Group: Member

    Hiện đang:
    Bài viết : 72
    Points : 82
    Birthday : 03/03/1991
    Thanks : 0
    Đến từ : Ha Noi

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

    Member
    Bài viết thứ :10

    Đăng vào:on 11/9/2015, 20:41

    Member
    xem cai lol

    #10 - Posted on 11/9/2015, 20:41
    Xem lý lịch thành viên

    cuong8118

    cuong8118

    Group: Member

    Hiện đang:
    Bài viết : 72
    Points : 82
    Birthday : 03/03/1991
    Thanks : 0
    Đến từ : Ha Noi

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

    Member
    Bài viết thứ :11

    Đăng vào:on 11/9/2015, 20:43

    Member
    ko co css chay dc lol ...

    #11 - Posted on 11/9/2015, 20:43
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :12

    Đăng vào:Today at 06:57

    #12 - Posted Today at 06:57

    Đ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 | Create a blog
    YOUR BANNER HERE
    728x90