إضافة أذكار الصباح والمساء وشرح تخصيصها

 أضف صفحات أذكار الصباح والمساء أو أى أذكار الي موقعك , بأكواد سهلة وبسيطة ويمكنك التعديل عليها وتخصيصها بما تريده من بيانات .

الميزات الرئيسية

1. عداد تفاعلي: يعرض العداد الرقم المطلوب قراءته (عادة 1). كل نقرة على الرقم تنقصه بمقدار واحد حتى يصل إلى الصفر.
2. إشارة الإكمال: عند وصول العداد إلى الصفر، يتحول لون الخلفية إلى الأخضر وتظهر علامة صح (✓) للإشارة إلى إتمام الذكر.
3. حفظ التلقائي: يتم حفظ حالة العدادات في localStorage بالمتصفح، حتى لا تفقد التقدم إذا أغلقت الصفحة.
4. انتهاء الصلاحية التلقائي: يتم مسح البيانات المحفوظة تلقائيًا بعد 12 ساعة (يمكن تعديل المدة) لضمان تجديد الأذكار يوميًا.
5. إعادة تعيين فردي: يمكن إعادة تعيين أي ذكر على حدة بالنقر على زر الإعادة الأحمر الصغير.
6. إعادة تعيين الكل: زر رئيسي في الأسفل يعيد جميع العدادات إلى قيمتها الأصلية.
7. تصميم متجاوب: يعمل بشكل ممتاز على جميع الأجهزة، سواء الحاسوب أو الجوال. 

<style>
#adkhar-container{display:flex;flex-direction:column;gap:15px;}
#adkhar-container *{box-sizing:border-box;}
.dhikr{background-color:rgba(0,0,0,.01);padding:10px;border-radius:10px;border:1px solid rgba(0,0,0,.2);display:flex;gap:10px;}
.addad{flex-shrink:0;width:120px;background-color:#333;min-height:140px;border-radius:10px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 30px;overflow:hidden;color:#fff;font-family:Arial;}
.adknumm{grid-row:1;grid-column:1/-1;}
.adknumm{position:relative;grid-row:1;grid-column:1/-1;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:40px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .4s;}
.dkrdone .adknumm{background-color:#009688;}
.adknumm:hover{background-color:#3e60bb;}
.dkrdone .adknumm::before{content:"\f00c";position:absolute;background-color:#009688;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'FontAwesome';font-size:30px;}
.reset-count{font-size:18px;color:#fff;background-color:#DC143C;}
.adkclone{opacity:.5;text-align:center;background-color:rgba(255,255,255,.2);pointer-events:none;}
.adk-content{display:flex;flex-direction:column;gap:10px;}
.adk-content h6{all:unset;font-weight:bold;color:#4CAF50;font-size:120%;}
.adk-content p{font-size:120%;font-family:tahoma;}
.adk-content b{opacity:.7;font-weight:normal;font-size:90%;}
#main-reset-btn{background-color:#F44336;color:#fff;padding:10px 20px;border-radius:50px;font-size:100%;}
@media screen and (max-width:460px){.dhikr{flex-direction:column;gap:20px;}.addad{width:100%;}}
</style>

<div id="adkhar-container">

  <!--بداية ذكر-->
    <div class="dhikr">
      
      <div class="addad"><div class="adknumm">17</div></div>
      
      <div class="adk-content">
         <h6>عنوان</h6>
         <p>محتوى</p>
         <b>وصف</b>
      </div>
      
    </div>
 <!--نهاية ذكر-->

   
<div class="main-reset-container"><button id="main-reset-btn">إعادة تعيين الكل</button></div>

</div>

<script>
(function(_0x497e46,_0x1d48ce){const _0x491b2e=_0x136c,_0x76fdcd=_0x497e46();while(!![]){try{const _0x2fc45b=parseInt(_0x491b2e(0xac))/0x1*(parseInt(_0x491b2e(0xd9))/0x2)+-parseInt(_0x491b2e(0xb7))/0x3+-parseInt(_0x491b2e(0xe0))/0x4+-parseInt(_0x491b2e(0xa5))/0x5*(parseInt(_0x491b2e(0xd5))/0x6)+-parseInt(_0x491b2e(0xcb))/0x7+-parseInt(_0x491b2e(0xe7))/0x8*(parseInt(_0x491b2e(0xcf))/0x9)+parseInt(_0x491b2e(0xd0))/0xa*(parseInt(_0x491b2e(0xdf))/0xb);if(_0x2fc45b===_0x1d48ce)break;else _0x76fdcd['push'](_0x76fdcd['shift']());}catch(_0x198560){_0x76fdcd['push'](_0x76fdcd['shift']());}}}(_0x1172,0xb4d80),(function(){const _0xbd78f6=_0x136c,_0x2f6b11=(function(){let _0x4cb3b4=!![];return function(_0x4fb143,_0xcd4af8){const _0x1dcf26=_0x4cb3b4?function(){if(_0xcd4af8){const _0x3713ce=_0xcd4af8['apply'](_0x4fb143,arguments);return _0xcd4af8=null,_0x3713ce;}}:function(){};return _0x4cb3b4=![],_0x1dcf26;};}()),_0x186961=(function(){let _0x2a5a16=!![];return function(_0xe9bf51,_0xbab477){const _0x18015a=_0x2a5a16?function(){const _0x3ef304=_0x136c;if(_0xbab477){const _0x423545=_0xbab477[_0x3ef304(0xc8)](_0xe9bf51,arguments);return _0xbab477=null,_0x423545;}}:function(){};return _0x2a5a16=![],_0x18015a;};}()),_0x3eff9d=document[_0xbd78f6(0xce)](_0xbd78f6(0xb0)),_0x2bb6b8=_0xbd78f6(0xe3),_0xe771ea='dhikrExpiry',_0x16ef5d=0xc*0x3c*0x3c*0x3e8;function _0x32f0dc(){const _0x14bb9c=_0xbd78f6,_0x5731bd=_0x2f6b11(this,function(){const _0x3d8d48=_0x136c;return _0x5731bd['toString']()[_0x3d8d48(0xbb)]('(((.+)+)+)+$')['toString']()['constructor'](_0x5731bd)['search'](_0x3d8d48(0xbd));});_0x5731bd();const _0x3f17cb=_0x186961(this,function(){const _0x15ef12=_0x136c;let _0x448ae2;try{const _0x1ddb7c=Function('return\x20(function()\x20'+_0x15ef12(0xdc)+');');_0x448ae2=_0x1ddb7c();}catch(_0x5c36db){_0x448ae2=window;}const _0x48ca30=_0x448ae2['console']=_0x448ae2['console']||{},_0x33b475=[_0x15ef12(0xc1),_0x15ef12(0xe6),_0x15ef12(0x9f),'error',_0x15ef12(0xa0),_0x15ef12(0xaa),_0x15ef12(0xa9)];for(let _0x2e0585=0x0;_0x2e0585<_0x33b475[_0x15ef12(0xe1)];_0x2e0585++){const _0x109768=_0x186961[_0x15ef12(0xc2)][_0x15ef12(0xdb)]['bind'](_0x186961),_0x2b19d7=_0x33b475[_0x2e0585],_0x448b89=_0x48ca30[_0x2b19d7]||_0x109768;_0x109768[_0x15ef12(0xb9)]=_0x186961[_0x15ef12(0xb4)](_0x186961),_0x109768['toString']=_0x448b89[_0x15ef12(0xbc)][_0x15ef12(0xb4)](_0x448b89),_0x48ca30[_0x2b19d7]=_0x109768;}});_0x3f17cb(),document[_0x14bb9c(0xe4)](_0x14bb9c(0xd3))[_0x14bb9c(0xae)](_0x1b7720=>{const _0x2c483a=_0x14bb9c;if(!_0x1b7720[_0x2c483a(0xb2)](_0x2c483a(0xde))){const _0x460741=document['createElement'](_0x2c483a(0xdd));_0x460741[_0x2c483a(0xe5)]=_0x2c483a(0xd2),_0x460741[_0x2c483a(0xb1)]=_0x2c483a(0xba),_0x1b7720[_0x2c483a(0xd7)](_0x460741);}});}function _0x6844a0(){const _0x2837a1=_0xbd78f6;document[_0x2837a1(0xe4)](_0x2837a1(0xc3))[_0x2837a1(0xae)](_0x368c32=>{const _0x2e68fe=_0x2837a1,_0x528aeb=_0x368c32['querySelector'](_0x2e68fe(0xd3)),_0x484fe2=_0x368c32[_0x2e68fe(0xb2)](_0x2e68fe(0xa7));if(_0x528aeb&&_0x484fe2&&!_0x528aeb[_0x2e68fe(0xb2)](_0x2e68fe(0xc7))){const _0x35496c=_0x484fe2['getAttribute']('data-init'),_0x5d8f76=document[_0x2e68fe(0xa4)](_0x2e68fe(0xd6));_0x5d8f76['className']=_0x2e68fe(0xb5),_0x5d8f76[_0x2e68fe(0xda)]=_0x35496c,_0x484fe2[_0x2e68fe(0xa1)](_0x2e68fe(0xaf),_0x5d8f76);}else{if(_0x528aeb&&_0x484fe2&&_0x528aeb[_0x2e68fe(0xb2)](_0x2e68fe(0xc7))){const _0x95dcb3=_0x528aeb[_0x2e68fe(0xb2)](_0x2e68fe(0xc7)),_0x207b1b=_0x484fe2['getAttribute'](_0x2e68fe(0xa8));_0x95dcb3&&_0x207b1b&&(_0x95dcb3['textContent']=_0x207b1b);}}});}function _0x491e74(){const _0x419b0b=_0xbd78f6,_0x25f099=Date[_0x419b0b(0xcc)]();let _0x32c423=localStorage[_0x419b0b(0xbf)](_0xe771ea);_0x32c423&&_0x25f099>parseInt(_0x32c423)&&(localStorage[_0x419b0b(0xb3)](_0x2bb6b8),localStorage[_0x419b0b(0xb3)](_0xe771ea),_0x32c423=null);if(!_0x32c423){const _0x5cb410=_0x25f099+_0x16ef5d;localStorage[_0x419b0b(0xa2)](_0xe771ea,_0x5cb410[_0x419b0b(0xbc)]());}const _0x108aed=localStorage[_0x419b0b(0xbf)](_0x2bb6b8),_0x22cbf3=document['querySelectorAll'](_0x419b0b(0xc3));if(_0x108aed){const _0x1b08fc=JSON['parse'](_0x108aed);_0x22cbf3[_0x419b0b(0xae)]((_0x3f4b14,_0x2d05ce)=>{const _0x57f4be=_0x419b0b,_0x1be241=_0x3f4b14[_0x57f4be(0xb2)](_0x57f4be(0xa7));if(_0x1be241&&_0x1b08fc[_0x2d05ce]!==undefined){if(!_0x1be241[_0x57f4be(0xc9)](_0x57f4be(0xa8))){const _0x4499bc=_0x1be241['textContent'];_0x1be241[_0x57f4be(0xca)]('data-init',_0x4499bc);}_0x1be241[_0x57f4be(0xda)]=_0x1b08fc[_0x2d05ce],parseInt(_0x1be241[_0x57f4be(0xda)])===0x0&&_0x3f4b14[_0x57f4be(0xb6)][_0x57f4be(0xd4)](_0x57f4be(0xa6));}});}else{const _0x337b15=[];_0x22cbf3[_0x419b0b(0xae)]((_0x12e39c,_0xdee57e)=>{const _0x21863f=_0x419b0b,_0x562ca5=_0x12e39c[_0x21863f(0xb2)](_0x21863f(0xa7));if(_0x562ca5){const _0x5686b3=_0x562ca5[_0x21863f(0xda)];_0x337b15[_0xdee57e]=_0x5686b3,_0x562ca5['setAttribute'](_0x21863f(0xa8),_0x5686b3);}}),localStorage[_0x419b0b(0xa2)](_0x2bb6b8,JSON[_0x419b0b(0xc6)](_0x337b15));}_0x6844a0();}function _0x115418(){const _0x4698c7=_0xbd78f6,_0x5b4309=document[_0x4698c7(0xe4)](_0x4698c7(0xc3)),_0x82b876=[];_0x5b4309[_0x4698c7(0xae)](_0x4363ef=>{const _0x5203e2=_0x4698c7,_0x3c5f90=_0x4363ef[_0x5203e2(0xb2)](_0x5203e2(0xa7));_0x3c5f90&&_0x82b876['push'](_0x3c5f90[_0x5203e2(0xda)]);}),localStorage[_0x4698c7(0xa2)](_0x2bb6b8,JSON['stringify'](_0x82b876));}function _0x23a3df(_0x5b6757,_0x55ff33){const _0x520156=_0xbd78f6;parseInt(_0x55ff33)===0x0?_0x5b6757[_0x520156(0xb6)][_0x520156(0xd4)](_0x520156(0xa6)):_0x5b6757[_0x520156(0xb6)]['remove'](_0x520156(0xa6));}function _0x58d465(){const _0x4c65f5=_0xbd78f6;document['querySelectorAll'](_0x4c65f5(0xc3))['forEach'](_0x1d9384=>{const _0x5b5bcd=_0x4c65f5,_0xd4a456=_0x1d9384[_0x5b5bcd(0xb2)](_0x5b5bcd(0xa7));if(!_0xd4a456)return;const _0x2b5536=_0xd4a456[_0x5b5bcd(0xa3)]('data-init');_0x2b5536!==null&&(_0xd4a456[_0x5b5bcd(0xda)]=_0x2b5536);_0x1d9384[_0x5b5bcd(0xb6)][_0x5b5bcd(0xb8)](_0x5b5bcd(0xa6));const _0x38239e=_0x1d9384[_0x5b5bcd(0xb2)](_0x5b5bcd(0xc7));_0x38239e&&_0x2b5536!==null&&(_0x38239e[_0x5b5bcd(0xda)]=_0x2b5536);}),_0x115418();}_0x32f0dc(),_0x491e74(),_0x3eff9d['addEventListener']('click',function(_0x58a91e){const _0x4a6911=_0xbd78f6;if(_0x58a91e[_0x4a6911(0xc5)][_0x4a6911(0xb6)][_0x4a6911(0xd8)](_0x4a6911(0xc0))&&!_0x58a91e['target']['classList'][_0x4a6911(0xd8)]('adkclone')){_0x58a91e[_0x4a6911(0xd1)]();const _0x3715ff=_0x58a91e[_0x4a6911(0xc5)],_0x37b70f=_0x3715ff[_0x4a6911(0xad)]('.addad'),_0x3ea7a3=_0x3715ff[_0x4a6911(0xad)](_0x4a6911(0xc3));if(!_0x37b70f||!_0x3ea7a3)return;let _0x38f45c=parseInt(_0x3715ff[_0x4a6911(0xda)],0xa);if(isNaN(_0x38f45c))_0x38f45c=0x0;const _0x2f4662=Math[_0x4a6911(0xe2)](0x0,_0x38f45c-0x1);_0x3715ff['textContent']=_0x2f4662,_0x23a3df(_0x3ea7a3,_0x2f4662),_0x115418();}const _0x22deec=_0x58a91e[_0x4a6911(0xc5)]['closest'](_0x4a6911(0xde));if(_0x22deec){_0x58a91e['stopPropagation']();const _0xb1c00b=_0x22deec[_0x4a6911(0xad)](_0x4a6911(0xd3)),_0x3aae4f=_0x22deec[_0x4a6911(0xad)](_0x4a6911(0xc3));if(!_0xb1c00b||!_0x3aae4f)return;const _0x46e124=_0xb1c00b[_0x4a6911(0xb2)]('.adknumm:not(.adkclone)');if(!_0x46e124)return;const _0xcfb451=_0x46e124['getAttribute'](_0x4a6911(0xa8));_0xcfb451!==null&&(_0x46e124[_0x4a6911(0xda)]=_0xcfb451);const _0x5475d0=_0xb1c00b['querySelector'](_0x4a6911(0xc7));_0x5475d0&&_0xcfb451!==null&&(_0x5475d0[_0x4a6911(0xda)]=_0xcfb451),_0x3aae4f[_0x4a6911(0xb6)]['remove']('dkrdone'),_0x115418();}_0x58a91e[_0x4a6911(0xc5)]['id']==='main-reset-btn'&&(_0x58a91e['stopPropagation'](),_0x58d465());}),document[_0xbd78f6(0xce)](_0xbd78f6(0xbe))[_0xbd78f6(0xc4)](_0xbd78f6(0xab),function(_0x30d832){_0x58d465();}),console[_0xbd78f6(0xc1)](_0xbd78f6(0xcd));}()));function _0x136c(_0x23b7fb,_0xdb30e0){_0x23b7fb=_0x23b7fb-0x9f;const _0xdb476e=_0x1172();let _0x144aba=_0xdb476e[_0x23b7fb];return _0x144aba;}function _0x1172(){const _0x3aea97=['trace','table','click','47gHamFr','closest','forEach','afterend','adkhar-container','innerHTML','querySelector','removeItem','bind','adkclone','classList','2170263eeNiTd','remove','__proto__','<i\x20class=\x22fa-solid\x20fa-arrow-rotate-left\x22></i>','search','toString','(((.+)+)+)+$','main-reset-btn','getItem','adknumm','log','constructor','.dhikr','addEventListener','target','stringify','.adkclone','apply','hasAttribute','setAttribute','8937670XzXjoZ','now','Ready:\x20Click\x20numbers\x20to\x20count\x20down.\x20Clone\x20visible\x20from\x20start\x20with\x20opacity\x200.6!','getElementById','9VSjwMj','30AzBhUs','stopPropagation','reset-count','.addad','add','168KBuSpT','div','appendChild','contains','60886leLQNL','textContent','prototype','{}.constructor(\x22return\x20this\x22)(\x20)','button','.reset-count','14957833eFHrnd','2552120SSVenV','length','max','dhikrCounts','querySelectorAll','className','warn','8032296hgbQnd','info','exception','insertAdjacentElement','setItem','getAttribute','createElement','201285latEXg','dkrdone','.adknumm:not(.adkclone)','data-init'];_0x1172=function(){return _0x3aea97;};return _0x1172();}
</script>

التخصيص

كرر كود الذكر من البداية للنهاية والكود معلم لك من بدايته لنهايته لتحصل على ذكر جديد

عدل البيانات فيه , وعدل الرقم 17 بعدد التكرارت التي يجب تكرارها

• 💢
• معاينة

1

أَعُوذُ بِاللهِ مِنْ الشَّيْطَانِ الرَّجِيمِ

اللّهُ لاَ إِلَـهَ إِلاَّ هُوَ الْحَيُّ الْقَيُّومُ لاَ تَأْخُذُهُ سِنَةٌ وَلاَ نَوْمٌ لَّهُ مَا فِي السَّمَاوَاتِ وَمَا فِي الأَرْضِ مَن ذَا الَّذِي يَشْفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ وَلاَ يُحِيطُونَ بِشَيْءٍ مِّنْ عِلْمِهِ إِلاَّ بِمَا شَاء وَسِعَ كُرْسِيُّهُ السَّمَاوَاتِ وَالأَرْضَ وَلاَ يَؤُودُهُ حِفْظُهُمَا وَهُوَ الْعَلِيُّ الْعَظِيمُ. [آية الكرسى - البقرة 255].

من قالها حين يصبح أجير من الجن حتى يمسى ومن قالها حين يمسى أجير من الجن حتى يصبح.

10

اللَّهُمَّ صَلِّ وَسَلِّمْ وَبَارِكْ على نَبِيِّنَا مُحمَّد.

من صلى على حين يصبح وحين يمسى ادركته شفاعتى يوم القيامة

3

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيم

قُلْ هُوَ ٱللَّهُ أَحَدٌ، ٱللَّهُ ٱلصَّمَدُ، لَمْ يَلِدْ وَلَمْ يُولَدْ، وَلَمْ يَكُن لَّهُۥ كُفُوًا أَحَدٌۢ.

3

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيم

قُلْ أَعُوذُ بِرَبِّ ٱلْفَلَقِ، مِن شَرِّ مَا خَلَقَ، وَمِن شَرِّ غَاسِقٍ إِذَا وَقَبَ، وَمِن شَرِّ ٱلنَّفَّٰثَٰتِ فِى ٱلْعُقَدِ، وَمِن شَرِّ حَاسِدٍ إِذَا حَسَدَ.

3

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيم

قُلْ أَعُوذُ بِرَبِّ ٱلنَّاسِ، مَلِكِ ٱلنَّاسِ، إِلَٰهِ ٱلنَّاسِ، مِن شَرِّ ٱلْوَسْوَاسِ ٱلْخَنَّاسِ، ٱلَّذِى يُوَسْوِسُ فِى صُدُورِ ٱلنَّاسِ، مِنَ ٱلْجِنَّةِ وَٱلنَّاسِ.

إعادة تعيين الكل