كود روعة للوضع الليلي بمنتداك

من طرف **admin** 7/1/2017, 7:15 pm

السلام عليكم ورحمة الله وبركاته

صورة توضيحية:

دائما في ادارة صفحات javascript

الاسم : الوضع الليلي

جميع الصفحات

الكود:: (function() { 'DEVELOPED BY ANGE TUTEUR'; 'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR'; 'ORIGIN : four.banouta.net'; 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 } }); } }());

في رعاية الله

كود روعة للوضع الليلي بمنتداك

كود روعة للوضع الليلي بمنتداك

روابط مفيدة