[Code] BQT Trực tuyến - Staff Online Widget

  • vi01239984564


    Up css đơn giản : thêm vào css :

    Code:
         span.monAva img {
        width: 29px;
        padding: 1px;
        border: 1px solid #DDD;
        margin-right: 7px;
        box-shadow: 0 0 1px #DDD;
    }
          #theStaff strong {
        font-size: 13px;
        color: red;
    }

    Như tiêu đề, tạo một widget mới và thêm vào đoạn code sau: 

    Code:
     <script type="text/javascript">
        myStaff = ['/u1', '/u999'];
        staff_cache_time = 4*60*1000; // mm*ss*ms;
        </script>
    <div id="theStaff">
    </div>
        
    <div id="theContent" style="display:none">
    </div>
        <noscript><div style="color:red;font-size:9px">Functionality of this widget is not possible, as JavaScript is disabled or unsupported.</div></noscript>    <script type="text/javascript">
        if (localStorage.staffOn && localStorage.staffEx > +new Date - staff_cache_time) jQuery('#theStaff').html(localStorage.staffOn);
        else loadStaff();
        function loadStaff() {
          jQuery('#theContent').load('/viewonline #main-content a, a.gen', function() {
            for (i=0; i<myStaff.length; i++) jQuery('#theContent a').filter(function() { return jQuery(this).attr('href') === myStaff[i] }).appendTo('#theStaff').wrap('<div class="myStaff">');
            if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('Không có BQT nào đang trực tuyến');
            jQuery('.myStaff a').each(function() {
              var href = jQuery(this).attr('href');
              jQuery(this).before('<span class="monAva"></span>').prev().load(href + ' #profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', function() {
                if (window.localStorage) {
                  localStorage.staffOn = jQuery('#theStaff').html();
                  localStorage.staffEx = +new Date;
                }
              });
            });
          });
        }
        </script>



    Hướng dẫn: -Thay /u1, /u999 bằng ID của BQT

    Code có gì sai sót mong thông cảm. Enjoy !!!
    #codefm

    Tags: #code #javascript



    Được sửa bởi the_dav ngày 29.08.16 21:02; sửa lần 3. (Reason for editing : fix demo)

  • Giựt
    2. Re: [Code] BQT Trực tuyến - Staff Online Widget
    avatar MOD
    Tks


    --Chữ ký--
    Diễn đàn Kênh Game 360>> Smile
  • the_dav
    e ơi hình như thiếu css + demo :)

  • Giựt
    4. Re: [Code] BQT Trực tuyến - Staff Online Widget
    avatar MOD
    Up demo Very Happy



    Up css đơn giản : thêm vào css :

    Code:
          span.monAva img {
        width: 29px;
        padding: 1px;
        border: 1px solid #DDD;
        margin-right: 7px;
        box-shadow: 0 0 1px #DDD;
    }
          #theStaff strong {
        font-size: 13px;
        color: red;
    }


    --Chữ ký--
    Diễn đàn Kênh Game 360>> Smile
  • Sponsored content

Thông tin tác giả
avatar
MOD
Bài viết :
68
Points :
155
Like :
15
Invision
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MOD
Bài viết :
266
Points :
430
Like :
88
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV3
Bài viết :
217
Points :
311
Like :
46
Punbb
Quản trị
Xem lý lịch thành viên
Thông tin tác giả
avatar
MOD
Bài viết :
266
Points :
430
Like :
88
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

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