Thích bài này? Bài trướcBài sau

Kirito Kun

on 16/7/2014, 13:16

#1
  • avatar

Kirito Kun



Điều Hành Viên
Xem lý lịch thành viên
Điều Hành Viên
Bài viết : 113
Xu Xu : 8969
Like : 16
Pet :
[Code]Rút Gọn box trong topic_list_box

Demo:
Demo Online: [You must be registered and logged in to see this link.]


Một số forum thường để nhiều box con trong một box bự, thành ra khi mở box bự để xem các bài cũ thì mấy box con trong đó nó lấn át hết rồi
Thế nên méo làm cái này để rút gọn những khung box có chiều dài hơn 200px, tiết kiệm thời gian "kéo scroll" để nẻ mấy cái box ra
Có một lỗi nhỏ là khi dùng nút tắt box thì cái khung này nó vẫn hiện (Ơ cái *beep*)

Chèn vào cuối Topic_list_box




Code:
<script>
            if ($('#sortfmvi').height()>199){
            $('#sortfmvi').after('<div class="showmore">Click để xem thê ẩn đi</div>');
            $('.showmore').click(function(){$('#sortfmvi').toggleClass('hideforfun')});
            $('.showmore').attr('style','');
            $('#sortfmvi').addClass('hideforfun')
            }
            else {
            $('.showmore').attr('style','display:none');
            $('#sortfmvi').removeClass('hideforfun')
            }
          </script>
         
          <style>
          .hideforfun {max-height:200px;overflow:hidden}
          div.showmore {cursor:pointer;background: #F7DCC5;color: #C4884E;font-weight: bold;padding: 5px 10px;text-align: center;}
          .pun tbody.statused span.status {float:left;position:relative}
          </style>



Xong ~ ~
NCat


Frost Demons

on 16/7/2014, 13:50

#2

Frost Demons



Điều Hành Viên
Xem lý lịch thành viên http://ionline.forumvi.com
Điều Hành Viên
Bài viết : 566
Xu Xu : 31520
Like : 39
Re: [Code]Rút Gọn box trong topic_list_box

có lẽ code sẽ rất cần thiết cho các bạn .


"Cô Đơn" không phải bẩm sinh là đã có, mà bắt đầu từ khoảnh khắc yêu em...
 ღڸ٥ﻻ ﻉ√٥ﺎ ٱ ღ

 
  • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Free blog