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

/* --- Styling for the Enhanced Tasbeeh Counter --- */ /* Main counter container */ .tasbeeh-counter-container { background-color: white; color: black; border: 2px solid black; border-radius: 12px; padding: 25px; max-width: 380px; margin: 30px auto; font-family: 'Arial', sans-serif; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* Title */ .tasbeeh-counter-container h3 { margin: 0 0 20px 0; font-size: 1.5em; color: black; } /* Counter Display - Using display: grid for perfect centering */ #tasbeeh-count-display { display: grid; place-items: center; font-size: 4.5em; font-weight: bold; margin-bottom: 25px; color: black; background-color: white; padding: 0; border-radius: 8px; border: 1px solid black; min-height: 1.5em; box-sizing: border-box; } /* Button Group Container */ .tasbeeh-button-group { display: flex; gap: 10px; margin-top: 20px; } /* Button styling (Common styles) */ .tasbeeh-button { background-color: white; color: black; border: 2px solid black; padding: 15px 10px; font-size: 1.2em; font-weight: bold; border-radius: 10px; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease, transform 0.1s ease; flex: 1; box-sizing: border-box; margin: 0; min-width: 0; white-space: nowrap; } /* Hover effect for buttons */ .tasbeeh-button:hover { background-color: black; color: white; } /* Active (click) effect for buttons */ .tasbeeh-button:active { transform: scale(0.97); } /* --- Styling for Azkar Suggestions --- */ .azkar-suggestions { background-color: white; color: black; border: 1px solid black; border-radius: 8px; padding: 20px; max-width: 380px; margin: 25px auto; font-family: 'Arial', sans-serif; text-align: right; /* Right align for Arabic */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } .azkar-suggestions h4 { margin-top: 0; margin-bottom: 15px; text-align: center; font-size: 1.3em; color: black; } .azkar-suggestions ul { list-style: none; /* Remove default bullets */ padding: 0; margin: 0; } .azkar-suggestions li { margin-bottom: 10px; font-size: 1.1em; color: black; line-height: 1.6; padding-right: 5px; /* Optional: slight padding for alignment */ } /* Responsive adjustments */ @media (max-width: 420px) { .tasbeeh-counter-container, .azkar-suggestions { padding: 20px 15px; margin-left: 15px; margin-right: 15px; max-width: none; } #tasbeeh-count-display { font-size: 3.5em; min-height: 1.5em; } .tasbeeh-button { padding: 12px 8px; font-size: 1.1em; } .tasbeeh-button-group { gap: 8px; } .azkar-suggestions h4 { font-size: 1.2em; } .azkar-suggestions li { font-size: 1em; } } عداد الذكر الذكي 0 اذكر الله إعادة ضبط أذكار وتسابيح مقترحة سبحان الله الحمد لله الله أكبر لا إله إلا الله سبحان الله وبحمده سبحان الله العظيم لا حول ولا قوة إلا بالله أستغفر الله اللهم صلِّ وسلِّم على نبينا محمد لا إله إلا أنت سبحانك إني كنت من الظالمين أستغفر الله العظيم الذي لا إله إلا هو الحي القيوم وأتوب إليه سبحان الله وبحمده عدد خلقه ورضا نفسه وزنة عرشه ومداد كلماته اللهم أعني على ذكرك وشكرك وحسن عبادتك يا حي يا قيوم برحمتك أستغيث حسبي الله لا إله إلا هو عليه توكلت وهو رب العرش العظيم document.addEventListener('DOMContentLoaded', function() { const countDisplay = document.getElementById('tasbeeh-count-display'); const incrementButton = document.getElementById('tasbeeh-increment-button'); const resetButton = document.getElementById('tasbeeh-reset-button'); let currentCount = 0; const storageKey = 'tasbeehSmartCounterValue_v6'; // Kept key as v6 const confirmResetMessage = "هل أنت متأكد أنك تريد إعادة ضبط العداد إلى الصفر؟"; function updateDisplay() { if (countDisplay) { countDisplay.textContent = currentCount; } } function saveCount() { try { localStorage.setItem(storageKey, currentCount.toString()); } catch (e) { console.error("LocalStorage save error:", e); } } function loadCount() { try { const savedCount = localStorage.getItem(storageKey); if (savedCount !== null && !isNaN(parseInt(savedCount, 10))) { currentCount = parseInt(savedCount, 10); } else { currentCount = 0; } } catch (e) { console.error("LocalStorage load error:", e); currentCount = 0; } updateDisplay(); } function incrementCount() { currentCount++; updateDisplay(); saveCount(); if (navigator.vibrate) { try { navigator.vibrate(50); } catch(e) {} } } function resetCount() { if (confirm(confirmResetMessage)) { currentCount = 0; updateDisplay(); saveCount(); } } if (incrementButton) { incrementButton.addEventListener('click', incrementCount); } if (resetButton) { resetButton.addEventListener('click', resetCount); } loadCount(); });

محمد راضى سعد حسن

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

عداد الذكر الذكي

أذكار وتسابيح مقترحة

مقالات قد تهمك