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

[Javascript] Night Mode

  • Please log in to post a topic
  • huyhoang1997

    huyhoang1997
    huyhoang1997

    huyhoang1997

    Group: Moderagerator

    Hiện đang:
    Bài viết : 670
    Points : 905
    Birthday : 14/06/1997
    Thanks : 73
    Đến từ : Ninh Thuận

    Moderagerator

    Moderagerator
    Bài viết thứ :1

    Đăng vào:28/6/2016, 23:51

    Moderagerator

    Demo:

    [Javascript] Night Mode Umbr1Gq

    Hướng dẫn:


    ACP >> Modules >> HTML & JAVASCRIPT >> Javascript codes management >> Creat a new javascript:

    - Title: Night Mode
    - Placement: In all the pages
    - Codes:
    Code:
    (function() {
      'DEVELOPED BY ANGE TUTEUR';
      'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
      'ORIGIN : http://fmdesign.forumotion.com/t444-night-mode#3675';
     
      if (/msie/i.test(window.navigator.userAgent)) return; // browser exclusion
      if (!window.fa_night_mode && typeof document.getElementsByTagName('HEAD')[0].style.pointerEvents === 'string') {
     
        window.fa_night_mode = {
          targets : ['page-footer', 'pun-foot', 'ipbwrapper'], // target node that the dimmer will be attached to
     
          // executed when the dimmer is changed
          dimLight : function() {
            var val = +fa_night_mode.dimmer.value;
            fa_night_mode.shade.style.backgroundColor = 'rgba(0, 0, 0, ' + val / 100 + ')';
            fa_night_mode.counter.innerHTML = ( val / 90 * 100 ).toFixed() + '%';
            my_setcookie('fa_night_level', val);
          }
        };
     
        // startup variables
        var dimmer = document.createElement('INPUT'),
            container = document.createElement('DIV'),
            counter = document.createElement('SPAN'),
            cookie = my_getcookie('fa_night_level'); // cookies <3
       
        // set the night shade and styles
        document.write('<style type="text/css">#fa_night_shade { font-size:0; position:fixed; top:0; left:0; right:0; bottom:0; pointer-events:none; z-index:999999999; } #fa_night_dimmer { margin:0 6px; vertical-align:middle; cursor:pointer; } #fa_night_container { font-size:12px; font-family:arial, sans-serif; background:#EEE; border:1px solid #CCC; border-radius:3px; display:inline-block; padding:3px; margin:1px; }</style>');
        fa_night_mode.shade = $('<div id="fa_night_shade" style="background-color:rgba(0, 0, 0, ' + ( cookie ? cookie / 100 : 0 ) + ');"></div>')[0];
     
        fa_night_mode.interval = window.setInterval(function() {
          if (document.body) {
            document.body.appendChild(fa_night_mode.shade);
            window.clearInterval(fa_night_mode.interval);
          }
        }, 1);
     
        // dimmer attributes
        dimmer.id = 'fa_night_dimmer';
        dimmer.type = 'range';
        dimmer.min = 0;
        dimmer.max = 90;
        dimmer.value = cookie || 0;
        dimmer[/trident/i.test(window.navigator.userAgent) ? 'onchange' : 'oninput'] = fa_night_mode.dimLight; // IE11 cannot use oninput
     
        // percentage counter
        counter.id = 'fa_night_counter';
        counter.innerHTML = ( cookie ? cookie / 90 * 100 : 0 ).toFixed() + '%';
     
        // container contents
        container.id = 'fa_night_container';
        container.innerHTML = '<span>Night Mode :</span>';
        $(container).append([dimmer, counter]);
     
        // cache nodes to the global object
        fa_night_mode.dimmer = dimmer;
        fa_night_mode.counter = counter;
     
     
        // stuff to do when the document is ready
        $(function() {
          // find one ( AND ONLY ONE ) of the targets to attach the dimmer
          for (var i = 0, j = fa_night_mode.targets.length, footer; i < j; i++) {
            footer = document.getElementById(fa_night_mode.targets[i]);
            if (footer) {
              footer.appendChild(container);
              break;
            }
          }
     
          if (!footer) {
            document.body.appendChild(container); // fallback if footer cannot be found
          }
        });
      }
    }());
    Nguồn: FMDesign

    #1 - Posted 28/6/2016, 23:51

    Đ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 | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
    YOUR BANNER HERE
    728x90