منتدى فضائى : اصلاح وصيانة الريسيفرات والاجهزه الكهربائيه وتحديد اتجاه الاقمار الصناعيه واقوى السيرفرات المجانيه والمدفوعه لفتح القنوات المشفرة واحدث البرامج الخاص بالكمبيوتر  

الرئيسيةأحدث الصورالتسجيلدخول



شاطر

كود جافا الوضع الليلي  Empty
كود جافا الوضع الليلي  Empty
 

 كود جافا الوضع الليلي

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
محمد صبحي
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 479
الدولة : مصر
#1مُساهمةموضوع: كود جافا الوضع الليلي    كود جافا الوضع الليلي  I_icon_minitimeالجمعة يناير 12, 2018 11:51 pm

الكود:
(function() {
  window.fae_lightSwitchMode = my_getcookie('fae_light-switch-mode') || 'dark';

 
 document.write('<style
type="text/css">#fae_light-switch-container{margin:6px
0}#fae_light-switch-label{font-weight:700;vertical-align:middle}#fae_light-switch{background-color:rgba(0,0,0,.25);vertical-align:middle;display:inline-block;position:relative;height:26px;width:56px;border-radius:20px;cursor:pointer;overflow:hidden}#fae_light-switch>input{display:none}#fae_light-switch>div{background-color:rgba(255,255,255,.5);position:absolute;top:3px;left:3px;height:20px;width:20px;border-radius:20px;transition:.4s;font-size:13px;font-weight:700;line-height:22px}#fae_light-switch>div:before{content:"ON";margin-left:-24px;color:transparent;transition:.4s}#fae_light-switch>div:after{content:"OFF";margin-left:30px;color:rgba(255,255,255,.5);transition:.4s}#fae_light-switch>input:checked+div{background-color:#FFF;left:33px}#fae_light-switch>input:checked+div:before{color:#FFF}#fae_light-switch>input:checked+div:after{color:transparent}</style>');

  var footer = '#page-footer',

      cookie = my_getcookie('fae_light-switch'),
      rgb,
      button,
      container,

      changeTheme = function (cookie) {
        var button = document.querySelector('#fae_light-switch input');

        if ((button && button.checked) || cookie == 'on') {
          my_setcookie('fae_light-switch', 'on', true);

          if (window.sessionStorage && window.sessionStorage.faeLightSwitch) {
 
           $('head').append('<style type="text/css"
id="fae_light-switch-css">' + window.sessionStorage.faeLightSwitch +
'</style>');
          } else {
           
$.get('https://raw.githubusercontent.com/SethClydesdale/forumactif-edge/master/css/dark-mode/'
 + fae_lightSwitchMode + '-mode.min.css', function (d) {
              $('head').append('<style type="text/css" id="fae_light-switch-css">' + d + '</style>');

              if (window.sessionStorage) {
                window.sessionStorage.faeLightSwitch = d;
              }
            });
          }

        } else {
          var css = document.getElementById('fae_light-switch-css');

          my_setcookie('fae_light-switch', 'off', true);

          if (css) {
            document.head.removeChild(css);
          }
        }
      };

  cookie && changeTheme(cookie);

  $(function() {
    if (!my_getcookie('fae_light-switch-mode')) {
 
     rgb = window.getComputedStyle(document.body,
null).getPropertyValue('background-color').replace(/rgb\(|\)|\s/g,
'').split(',');
      fae_lightSwitchMode =
Math.round(((parseInt(rgb[0]) * 299) + (parseInt(rgb[1]) * 587) +
(parseInt(rgb[2]) * 114)) /1000) > 125 ? 'dark' : 'light';

      my_setcookie('fae_light-switch-mode', fae_lightSwitchMode, true);
    }

    footer = document.querySelector(footer);

    if (footer) {
      button = document.createElement('LABEL');
      button.id = 'fae_light-switch';
 
     button.innerHTML = '<input type="checkbox" ' + (cookie == 'on' ?
 'checked="true"' : '') + '/><div></div>';
      button.firstChild.onchange = changeTheme;

      container = document.createElement('DIV');
      container.id = 'fae_light-switch-container';
 
     container.innerHTML = '<span id="fae_light-switch-label">' +
(fae_lightSwitchMode == 'dark' ? 'Dark Mode : ' : 'Light Mode : ') +
'</span>';

      container.appendChild(button);
      footer.appendChild(container);
    }
  });
}());



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


عدل سابقا من قبل محمد صبحي في الأحد يناير 14, 2018 7:09 am عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
محمد صبحي
المديرالعام
محمد صبحي
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 479
الدولة : مصر
#2مُساهمةموضوع: رد: كود جافا الوضع الليلي    كود جافا الوضع الليلي  I_icon_minitimeالأحد يناير 14, 2018 7:06 am

او الكود ده الوضع الليلي عربي .

الكود:
(function() {
      window.fae_lightSwitchMode = my_getcookie('fae_light-switch-mode') || 'dark';

   
    document.write('<style
    type="text/css">#fae_light-switch-container{margin:6px
    0}#fae_light-switch-label{font-weight:700;vertical-align:middle}#fae_light-switch{background-color:rgba(0,0,0,.25);vertical-align:middle;display:inline-block;position:relative;height:26px;width:56px;border-radius:20px;cursor:pointer;overflow:hidden}#fae_light-switch>input{display:none}#fae_light-switch>div{background-color:rgba(255,255,255,.5);position:absolute;top:3px;left:3px;height:20px;width:20px;border-radius:20px;transition:.4s;font-size:13px;font-weight:700;line-height:22px}#fae_light-switch>div:before{content:"ON";margin-left:-24px;color:transparent;transition:.4s}#fae_light-switch>div:after{content:"OFF";margin-left:30px;color:rgba(255,255,255,.5);transition:.4s}#fae_light-switch>input:checked+div{background-color:#FFF;left:33px}#fae_light-switch>input:checked+div:before{color:#FFF}#fae_light-switch>input:checked+div:after{color:transparent}</style>');

      var footer = '#page-footer',

          cookie = my_getcookie('fae_light-switch'),
          rgb,
          button,
          container,

          changeTheme = function (cookie) {
            var button = document.querySelector('#fae_light-switch input');

            if ((button && button.checked) || cookie == 'on') {
              my_setcookie('fae_light-switch', 'on', true);

              if (window.sessionStorage && window.sessionStorage.faeLightSwitch) {
   
              $('head').append('<style type="text/css"
    id="fae_light-switch-css">' + window.sessionStorage.faeLightSwitch +
    '</style>');
              } else {
             
    $.get('https://raw.githubusercontent.com/SethClydesdale/forumactif-edge/master/css/dark-mode/'
    + fae_lightSwitchMode + '-mode.min.css', function (d) {
                  $('head').append('<style type="text/css" id="fae_light-switch-css">' + d + '</style>');

                  if (window.sessionStorage) {
                    window.sessionStorage.faeLightSwitch = d;
                  }
                });
              }

            } else {
              var css = document.getElementById('fae_light-switch-css');

              my_setcookie('fae_light-switch', 'off', true);

              if (css) {
                document.head.removeChild(css);
              }
            }
          };

      cookie && changeTheme(cookie);

      $(function() {
        if (!my_getcookie('fae_light-switch-mode')) {
   
        rgb = window.getComputedStyle(document.body,
    null).getPropertyValue('background-color').replace(/rgb\(|\)|\s/g,
    '').split(',');
          fae_lightSwitchMode =
    Math.round(((parseInt(rgb[0]) * 299) + (parseInt(rgb[1]) * 587) +
    (parseInt(rgb[2]) * 114)) /1000) > 125 ? 'dark' : 'light';

          my_setcookie('fae_light-switch-mode', fae_lightSwitchMode, true);
        }

        footer = document.querySelector(footer);

        if (footer) {
          button = document.createElement('LABEL');
          button.id = 'fae_light-switch';
   
        button.innerHTML = '<input type="checkbox" ' + (cookie == 'on' ?
    'checked="true"' : '') + '/><div></div>';
          button.firstChild.onchange = changeTheme;

          container = document.createElement('DIV');
          container.id = 'fae_light-switch-container';
   
        container.innerHTML = '<span id="fae_light-switch-label">' +
    (fae_lightSwitchMode == 'dark' ? 'Dark Mode : ' : 'الوضع الليلي : ') +
    '</span>';

          container.appendChild(button);
          footer.appendChild(container);
        }
      });
    }());
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود جافا الوضع الليلي
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المصراويه  :: منتديات الدعم والمساعدة :: اكواد وقوالب التومبيلات وتقنيات اخرى :: أكواد الجافا إسكريبت JAVA-
انتقل الى:  
أختر لغة المنتدى من هنا
الساعة الآن

اخـرالمواضيــع كود جافا الوضع الليلي  I-icon-latest-reply_c1a56 الموقع الشامل القديم كود جافا الوضع الليلي  I_icon_minitimeالسبت يناير 13, 2024 4:33 pm من طرف كود جافا الوضع الليلي  I-icon-latest-reply_c1a56 برنامج حسابات مجانى كود جافا الوضع الليلي  I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:22 am من طرف كود جافا الوضع الليلي  I-icon-latest-reply_c1a56جديد البرامج المهمة كود جافا الوضع الليلي  I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:16 am من طرف كود جافا الوضع الليلي  I-icon-latest-reply_c1a56سته برامج لحفظ أرقامك الهامة(دليل هاتف)مع بعض المواقع المختصة كود جافا الوضع الليلي  I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:12 am من طرف كود جافا الوضع الليلي  I-icon-latest-reply_c1a56ملف قنوات لــ ترومان 333/666/777/888/999/2010/190 معالجC سي بتاريخ 7-11-2022 كود جافا الوضع الليلي  I_icon_minitimeالأربعاء نوفمبر 16, 2022 7:28 pm من طرف

Powered by vBulletin Forums ahlamontada
(Copyright ©2015 - 2024 , phpBB2 subsilver)


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
* * * ( ا لــمــصـــر ا و يــــــــــه ) * * *