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/2024/09/الدّرس-الأوّل-في-مادّة-الفيزياء-للسّنة-الثامنة-نموذجي.pdf"; link.download = ""; document.body.appendChild(link); link.click(); document.body.removeChild(link); btn.innerText = "✅ تم التحميل"; } }, 1000); }); (adsbygoogle = window.adsbygoogle || []).push({}); ⬅️ العودة لصفحة دروس العلوم الفيزيائية سنة ثامنة اساسي .subjects-box { max-width: 700px; margin: 20px auto; padding: 20px; background: #f9fafc; border-radius: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); font-family: "Cairo", sans-serif; direction: rtl; text-align: right; } .subjects-box h2 { margin-bottom: 20px; font-size: 22px; color: #1e3a8a; line-height: 1.6; text-align: center; } .subjects-box h2 span { display: block; font-size: 18px; color: #2563eb; font-weight: normal; margin-top: 5px; } /* القائمة البسيطة */ .simple-list { list-style: none; padding: 0; margin: 0; } .simple-list li { margin: 12px 0; border-radius: 12px; overflow: hidden; transition: transform 0.3s ease; background: linear-gradient(135deg,#3b82f6,#1e40af); } .simple-list li a { display: block; padding: 14px; font-size: 18px; font-weight: bold; text-decoration: none; color: #fff; transition: all 0.3s ease; } .simple-list li:hover { transform: translateY(-5px); } .simple-list li a:hover { opacity: 0.9; } .simple-list li a:visited { background: #4b5563 !important; color: #f9fafc; position: relative; } .simple-list li a:visited::after { content: " ✅"; font-size: 16px; margin-right: 6px; } /* زر العودة */ .back-btn { margin-top: 25px; text-align: center; } .back-btn a { display: inline-block; padding: 12px 20px; font-size: 18px; font-weight: bold; color: #fff; background: linear-gradient(135deg,#2563eb,#1e3a8a); border-radius: 12px; text-decoration: none; transition: background 0.3s ease; } .back-btn a:hover { background: linear-gradient(135deg,#1e40af,#1e3a8a); } /* القائمة المنسدلة */ .dropdown { position: relative; display: inline-block; margin: 10px 0 20px; } .dropbtn { background: linear-gradient(135deg,#16a34a,#065f46); color: white; padding: 12px 20px; font-size: 18px; font-weight: bold; border: none; border-radius: 12px; cursor: pointer; transition: background 0.3s; } .dropbtn:hover { background: linear-gradient(135deg,#15803d,#064e3b); } .dropdown-content { display: none; position: absolute; right: 0; background: #f1f5f9; min-width: 250px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); border-radius: 12px; z-index: 1; overflow: hidden; } .dropdown-content a { color: #333; padding: 12px 16px; text-decoration: none; display: block; transition: background 0.3s; } .dropdown-content a:hover { background: #1e3a8a; color: #fff; } .dropdown:hover .dropdown-content { display: block; }
