body { font-family: 'Cairo', sans-serif; background: #f9fafb; color: #111; padding: 20px; text-align: center; transition: all 0.4s ease; } .btn { padding:12px 24px; border-radius:12px; font-size:16px; font-weight:bold; border:none; transition:all 0.3s ease; display:inline-flex; align-items:center; gap:8px; cursor:pointer; } .btn-green {background:#16a34a; color:#fff;} .btn-green:hover {background:#15803d; transform:scale(1.05);} iframe { width: 100%; height: 500px; border: none; border-radius: 12px; margin: 20px 0; } /* أيقونة PDF */ .pdf-icon { width:20px; height:20px; fill:white; } /* مؤقت التحميل */ #downloadBtn.waiting { background: #f59e0b; cursor: not-allowed; transform: scale(1); } 📄 عرض وتحميل ملف PDF تحميل الملف // زر التحميل مع مؤقت وتنزيل مباشر document.getElementById("downloadBtn").addEventListener("click", () => { let btn = document.getElementById("downloadBtn"); let seconds = 6; btn.disabled = true; btn.classList.add("waiting"); btn.innerText = `⏳ تحميل بعد ${seconds} ثواني`; let timer = setInterval(() => { seconds--; btn.innerText = `⏳ تحميل بعد ${seconds} ثواني`; if (seconds === 0) { clearInterval(timer); btn.disabled = false; btn.classList.remove("waiting"); btn.innerText = "⬇️ جاري التحميل..."; // تحميل الملف مباشرة let link = document.createElement("a"); link.href = "https://www.najahni.tn/wp-content/uploads/2023/06/تلخيص-من-اعداد-نهى-الخليفي.pdf"; link.download = ""; document.body.appendChild(link); link.click(); document.body.removeChild(link); btn.innerText = "✅ تم التحميل"; } }, 1000); }); (adsbygoogle = window.adsbygoogle || []).push({}); ⬅ العودة لصفحة دروس التاريخ 7اساسي #back-to-year { position: sticky; /* يظل مرئيًا عند التمرير */ bottom: 20px; margin: 20px auto 0 auto; display: block; width: fit-content; padding: 12px 25px; background: linear-gradient(90deg, #4f46e5, #3b82f6); color: #fff; font-size: 1rem; font-weight: 600; border-radius: 10px; text-decoration: none; box-shadow: 0 6px 12px rgba(0,0,0,0.15); text-align: center; cursor: pointer; transition: transform 0.3s, box-shadow 0.3s, background 0.3s; } #back-to-year:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(0,0,0,0.2); background: linear-gradient(90deg, #3b82f6, #4f46e5); } @media(max-width:600px){ #back-to-year{ width:80%; padding:12px; font-size:0.95rem; } } // إضافة وظيفة النقر على الزر للعودة للصفحة المحددة document.getElementById("back-to-year").addEventListener("click", function(){ window.location.href = "https://www.najahni.tn/?p=20040" });
