أساسيات لغة HTML لإنشاء صفحات الويب
في هذا الدرس من مادة الإعلام الآلي للتعليم المتوسط في الجزائر، نقدم لكم شرحاً مبسطاً لموضوع أساسيات لغة HTML لإنشاء صفحات الويب مع أمثلة وتمارين تطبيقية.
المحتوى العلمي
يعتبر موضوع أساسيات لغة HTML لإنشاء صفحات الويب من المواضيع الأساسية في منهاج السنة الثالثة متوسط لمادة الإعلام الآلي. يساعد هذا الدرس التلاميذ على فهم المفاهيم النظرية وتطبيقها في حل المسائل والوضعيات الإدماجية.
أمثلة توضيحية:
مثال 1: بناء صفحة HTML أساسية:
</head><body></body></html></p>
<p><strong>مثال 2:</strong> الوسوم الأساسية: h1-h6 للعناوين، p للفقرات، a للروابط، img للصور</p>
<p><strong>مثال 3:</strong> إنشاء قوائم مرتبة وغير مرتبة باستخدام ul، ol، li</p>
</div>
<h3>تمارين تطبيقية</h3>
<div class="exercise-box" style="background:#fff3e0;border-right:4px solid #FF9800;padding:15px;border-radius:8px;margin:15px 0;">
<p><strong>التمرين 1:</strong> أنشئ صفحة HTML بسيطة بعنوان ‘مرحباً بالعالم’ وفقرة تعريفية</p>
<p><strong>التمرين 2:</strong> أضف رابطاً وصورة إلى صفحة HTML</p>
<p><strong>التمرين 3:</strong> أنشئ قائمة بأسماء 5 مدن جزائرية باستخدام HTML</p>
</div>
<h3>خلاصة</h3>
<p>نتمنى أن يكون هذا الدرس مفيداً لتلاميذ السنة الثالثة متوسط في مادة الإعلام الآلي. نوصي بحل التمارين الإضافية والمراجعة المستمرة لضمان الفهم الجيد للمفاهيم.</p>
<div class="related-lessons" style="background:#f5f5f5;padding:15px;border-radius:8px;margin-top:20px;">
<h3>دروس مشابهة:</h3>
<ul>
<li><a href="https://dz-onec.com/?p=25177">البرمجة بلغة بايثون</a></li>
<li><a href="https://dz-onec.com/?p=22216">الإنترنت: مفهومه وخدماته</a></li>
</ul>
</div>
</div>
<div class='code-block code-block-3' style='margin: 8px auto; text-align: center; display: block; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- مستطيل أفقي ريسبنسيف -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5073237443358488"
data-ad-slot="4308072529"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div class='code-block code-block-5' style='margin: 8px 0; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- مربع جانبي ريسبنسيف -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5073237443358488"
data-ad-slot="9328734410"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<!-- CONTENT END 2 -->
</div><!-- .entry /-->
<div class="share-post">
<span class="share-text">مشاركة</span>
<ul class="flat-social">
<li><a href="http://www.facebook.com/sharer.php?u=https://dz-onec.com/?p=139846" class="social-facebook" rel="external" target="_blank"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
<li><a href="https://twitter.com/intent/tweet?text=%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%85+%D8%A7%D9%84%D8%A2%D9%84%D9%8A+%E2%80%94+%D8%A5%D9%86%D8%B4%D8%A7%D8%A1+%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9+%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A%D8%A9%3A+%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA+HTML+%E2%80%94+%D8%A7%D9%84%D8%AB%D8%A7%D9%84%D8%AB%D8%A9+%D9%85%D8%AA%D9%88%D8%B3%D8%B7+%E2%80%94+%D8%A7%D9%84%D9%85%D9%86%D9%87%D8%A7%D8%AC+%D8%A7%D9%84%D8%AC%D8%B2%D8%A7%D8%A6%D8%B1%D9%8A&url=https://dz-onec.com/?p=139846" class="social-twitter" rel="external" target="_blank"><i class="fa fa-twitter"></i> <span>Twitter</span></a></li>
</ul>
<div class="clear"></div>
</div> <!-- .share-post -->
<div class="clear"></div>
</div><!-- .post-inner -->
<script type="application/ld+json" class="tie-schema-graph">{"@context":"http:\/\/schema.org","@type":"BlogPosting","dateCreated":"2026-07-20T08:02:31+01:00","datePublished":"2026-07-20T08:02:31+01:00","dateModified":"2026-07-20T08:02:31+01:00","headline":"\u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0622\u0644\u064a — \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629: \u0623\u0633\u0627\u0633\u064a\u0627\u062a HTML — \u0627\u0644\u062b\u0627\u0644\u062b\u0629 \u0645\u062a\u0648\u0633\u0637 — \u0627\u0644\u0645\u0646\u0647\u0627\u062c \u0627\u0644\u062c\u0632\u0627\u0626\u0631\u064a","name":"\u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0622\u0644\u064a — \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629: \u0623\u0633\u0627\u0633\u064a\u0627\u062a HTML — \u0627\u0644\u062b\u0627\u0644\u062b\u0629 \u0645\u062a\u0648\u0633\u0637 — \u0627\u0644\u0645\u0646\u0647\u0627\u062c \u0627\u0644\u062c\u0632\u0627\u0626\u0631\u064a","keywords":[],"url":"https:\/\/dz-onec.com\/2026\/07\/20\/%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d9%8a-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d9%82%d8%b9-%d8%a7%d9%84%d8%a5%d9%84%d9%83%d8%aa%d8%b1%d9%88\/","description":"\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0644\u063a\u0629 HTML \u0644\u0625\u0646\u0634\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u062f\u0631\u0633 \u0645\u0646 \u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0622\u0644\u064a \u0644\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u062a\u0648\u0633\u0637 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631\u060c \u0646\u0642\u062f\u0645 \u0644\u0643\u0645 \u0634\u0631\u062d\u0627\u064b \u0645\u0628\u0633\u0637\u0627\u064b \u0644\u0645\u0648\u0636\u0648\u0639 \u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0644\u063a\u0629 HTML \u0644\u0625\u0646\u0634\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0645\u0639 \u0623\u0645\u062b\u0644\u0629 \u0648\u062a\u0645\u0627\u0631\u064a\u0646 \u062a\u0637\u0628\u064a\u0642\u064a\u0629. \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644","copyrightYear":"2026","publisher":{"@id":"#Publisher","@type":"Organization","name":"\u0645\u062f\u0648\u0646\u0629 \u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u0648 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631 - \u062f\u0631\u0648\u0633\u060c \u0641\u0631\u0648\u0636\u060c \u0646\u062a\u0627\u0626\u062c \u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a","logo":{"@type":"ImageObject","url":"https:\/\/dz-onec.com\/wp-content\/uploads\/2022\/05\/default.png"},"sameAs":["https:\/\/web.facebook.com\/%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%A7%D9%84%D8%AA%D8%B1%D8%A8%D9%8A%D8%A9-%D9%88%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%85-101703569221521"]},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/dz-onec.com\/2026\/07\/20\/%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d9%8a-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d9%82%d8%b9-%d8%a7%d9%84%d8%a5%d9%84%d9%83%d8%aa%d8%b1%d9%88\/","breadcrumb":{"@id":"#crumbs"}},"author":{"@type":"Person","name":"","url":"https:\/\/dz-onec.com\/author\/"},"articleSection":"\u0625\u0639\u0644\u0627\u0645 \u0622\u0644\u064a (\u0627\u0644\u062b\u0627\u0644\u062b\u0629 \u0645\u062a\u0648\u0633\u0637),\u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0622\u0644\u064a,\u0627\u0644\u062b\u0627\u0644\u062b\u0629 \u0645\u062a\u0648\u0633\u0637","articleBody":"\n\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0644\u063a\u0629 HTML \u0644\u0625\u0646\u0634\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628\n\u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u062f\u0631\u0633 \u0645\u0646 \u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0622\u0644\u064a \u0644\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u062a\u0648\u0633\u0637 \u0641\u064a \u0627\u0644\u062c\u0632\u0627\u0626\u0631\u060c \u0646\u0642\u062f\u0645 \u0644\u0643\u0645 \u0634\u0631\u062d\u0627\u064b \u0645\u0628\u0633\u0637\u0627\u064b \u0644\u0645\u0648\u0636\u0648\u0639 \u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0644\u063a\u0629 HTML \u0644\u0625\u0646\u0634\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0645\u0639 \u0623\u0645\u062b\u0644\u0629 \u0648\u062a\u0645\u0627\u0631\u064a\u0646 \u062a\u0637\u0628\u064a\u0642\u064a\u0629.\n\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0639\u0644\u0645\u064a\n\u064a\u0639\u062a\u0628\u0631 \u0645\u0648\u0636\u0648\u0639 \u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0644\u063a\u0629 HTML \u0644\u0625\u0646\u0634\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u0636\u064a\u0639 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u064a \u0645\u0646\u0647\u0627\u062c \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629 \u0645\u062a\u0648\u0633\u0637 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0622\u0644\u064a. \u064a\u0633\u0627\u0639\u062f \u0647\u0630\u0627 \u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062a\u0644\u0627\u0645\u064a\u0630 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0648\u062a\u0637\u0628\u064a\u0642\u0647\u0627 \u0641\u064a \u062d\u0644 \u0627\u0644\u0645\u0633\u0627\u0626\u0644 \u0648\u0627\u0644\u0648\u0636\u0639\u064a\u0627\u062a \u0627\u0644\u0625\u062f\u0645\u0627\u062c\u064a\u0629.\n\n\u0623\u0645\u062b\u0644\u0629 \u062a\u0648\u0636\u064a\u062d\u064a\u0629:\n\u0645\u062b\u0627\u0644 1: \u0628\u0646\u0627\u0621 \u0635\u0641\u062d\u0629 HTML \u0623\u0633\u0627\u0633\u064a\u0629: \n\u0645\u062b\u0627\u0644 2: \u0627\u0644\u0648\u0633\u0648\u0645 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629: h1-h6 \u0644\u0644\u0639\u0646\u0627\u0648\u064a\u0646\u060c p \u0644\u0644\u0641\u0642\u0631\u0627\u062a\u060c a \u0644\u0644\u0631\u0648\u0627\u0628\u0637\u060c img \u0644\u0644\u0635\u0648\u0631\n\u0645\u062b\u0627\u0644 3: \u0625\u0646\u0634\u0627\u0621 \u0642\u0648\u0627\u0626\u0645 \u0645\u0631\u062a\u0628\u0629 \u0648\u063a\u064a\u0631 \u0645\u0631\u062a\u0628\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 ul\u060c ol\u060c li\n\u062a\u0645\u0627\u0631\u064a\u0646 \u062a\u0637\u0628\u064a\u0642\u064a\u0629\n\n\u0627\u0644\u062a\u0645\u0631\u064a\u0646 1: \u0623\u0646\u0634\u0626 \u0635\u0641\u062d\u0629 HTML \u0628\u0633\u064a\u0637\u0629 \u0628\u0639\u0646\u0648\u0627\u0646 '\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0627\u0644\u0639\u0627\u0644\u0645' \u0648\u0641\u0642\u0631\u0629 \u062a\u0639\u0631\u064a\u0641\u064a\u0629\n\u0627\u0644\u062a\u0645\u0631\u064a\u0646 2: \u0623\u0636\u0641 \u0631\u0627\u0628\u0637\u0627\u064b \u0648\u0635\u0648\u0631\u0629 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 HTML\n\u0627\u0644\u062a\u0645\u0631\u064a\u0646 3: \u0623\u0646\u0634\u0626 \u0642\u0627\u0626\u0645\u0629 \u0628\u0623\u0633\u0645\u0627\u0621 5 \u0645\u062f\u0646 \u062c\u0632\u0627\u0626\u0631\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 HTML\n\u062e\u0644\u0627\u0635\u0629\n\u0646\u062a\u0645\u0646\u0649 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0647\u0630\u0627 \u0627\u0644\u062f\u0631\u0633 \u0645\u0641\u064a\u062f\u0627\u064b \u0644\u062a\u0644\u0627\u0645\u064a\u0630 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629 \u0645\u062a\u0648\u0633\u0637 \u0641\u064a \u0645\u0627\u062f\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0622\u0644\u064a. \u0646\u0648\u0635\u064a \u0628\u062d\u0644 \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u062c\u064a\u062f \u0644\u0644\u0645\u0641\u0627\u0647\u064a\u0645.\n\n\u062f\u0631\u0648\u0633 \u0645\u0634\u0627\u0628\u0647\u0629:\n\u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0628\u0644\u063a\u0629 \u0628\u0627\u064a\u062b\u0648\u0646\n\u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a: \u0645\u0641\u0647\u0648\u0645\u0647 \u0648\u062e\u062f\u0645\u0627\u062a\u0647\n"}</script>
</article><!-- .post-listing -->
<div class="e3lan e3lan-post"> </div>
<div class="post-navigation">
<div class="post-previous"><a href="https://dz-onec.com/2026/07/20/%d8%a7%d9%84%d8%aa%d8%b1%d8%a8%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d8%af%d9%86%d9%8a%d8%a9-%d8%af%d8%b1%d8%b3-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%ac%d8%aa%d9%85%d8%b9-%d8%a7%d9%84%d8%aa%d8%b9%d8%a7-5/" rel="prev"><span>قبل</span> التربية المدنية — درس في المجتمع: التعاون في الحي — السنة الثانية إبتدائي — المنهاج الجزائري</a></div>
<div class="post-next"><a href="https://dz-onec.com/2026/07/20/%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d9%8a-%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-%d9%83%d8%a7%d8%a6%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d8%aa%d9%88%d8%ac%d9%87-%d9%81/" rel="next"><span>التالي</span> الإعلام الآلي — البرمجة كائنية التوجه في بايثون: المبادئ الأساسية — الرابعة متوسط — المنهاج الجزائري</a></div>
</div><!-- .post-navigation -->
<section id="related_posts">
<div class="block-head">
<h3>مقالات مشابهة</h3><div class="stripe-line"></div>
</div>
<div class="post-listing">
<div class="related-item">
<h3><a href="https://dz-onec.com/2026/07/21/%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d9%8a-%d8%a7%d9%84%d8%ad%d8%a7%d8%b3%d9%88%d8%a8-%d9%85%d9%83%d9%88%d9%86%d8%a7%d8%aa%d9%87-%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac/" rel="bookmark">الإعلام الآلي — الحاسوب: مكوناته البرمجية والمادية — السنة الأولى إبتدائي — المنهاج الجزائري</a></h3>
<p class="post-meta"></p>
</div>
<div class="related-item">
<h3><a href="https://dz-onec.com/2026/07/20/%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d9%8a-%d9%85%d9%82%d8%af%d9%85%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d8%b0%d9%83%d8%a7%d8%a1-%d8%a7%d9%84%d8%a7%d8%b5%d8%b7%d9%86%d8%a7-2/" rel="bookmark">الإعلام الآلي — مقدمة في الذكاء الاصطناعي للأطفال — السنة الخامسة إبتدائي — المنهاج الجزائري</a></h3>
<p class="post-meta"></p>
</div>
<div class="related-item">
<h3><a href="https://dz-onec.com/2026/07/20/%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d9%8a-%d9%82%d9%88%d8%a7%d8%b9%d8%af-%d8%a7%d9%84%d8%b3%d9%84%d9%88%d9%83-%d8%a7%d9%84%d8%b1%d9%82%d9%85%d9%8a-%d9%88%d8%a3%d8%ae/" rel="bookmark">الإعلام الآلي — قواعد السلوك الرقمي وأخلاقيات الإنترنت — السنة الثالثة إبتدائي — المنهاج الجزائري</a></h3>
<p class="post-meta"></p>
</div>
<div class="related-item">
<h3><a href="https://dz-onec.com/2026/07/20/%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d9%8a-%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d8%b1%d9%82%d9%85%d9%8a-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a7/" rel="bookmark">الإعلام الآلي — التصميم الرقمي: إنشاء الصور والرسوم — السنة الرابعة إبتدائي — المنهاج الجزائري</a></h3>
<p class="post-meta"></p>
</div>
<div class="related-item">
<h3><a href="https://dz-onec.com/2026/07/20/%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d9%8a-%d9%85%d9%87%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%a8%d8%ad%d8%ab-%d8%a7%d9%84%d9%81%d8%b9%d8%a7%d9%84-%d9%81%d9%8a/" rel="bookmark">الإعلام الآلي — مهارات البحث الفعال في الإنترنت — السنة الرابعة إبتدائي — المنهاج الجزائري</a></h3>
<p class="post-meta"></p>
</div>
<div class="related-item">
<h3><a href="https://dz-onec.com/2026/07/20/%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d9%8a-%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-%d8%a8%d9%84%d8%ba%d8%a9-%d8%b3%d9%83%d8%b1%d8%a7%d8%aa%d8%b4-%d8%a7%d9%84/" rel="bookmark">الإعلام الآلي — البرمجة بلغة سكراتش: الحركة والتحكم — السنة الرابعة إبتدائي — المنهاج الجزائري</a></h3>
<p class="post-meta"></p>
</div>
<div class="clear"></div>
</div>
</section>
<section id="check-also-box" class="post-listing check-also-left">
<a href="#" id="check-also-close"><i class="fa fa-close"></i></a>
<div class="block-head">
<h3>شاهد أيضا</h3>
</div>
<div class="check-also-post">
<h2 class="post-title"><a href="https://dz-onec.com/2026/07/21/%d8%a7%d9%84%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d9%8a%d8%a7%d8%a6%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d8%ba%d9%86%d8%a7%d8%b7%d9%8a%d8%b3%d9%8a%d8%a9-%d8%aa%d8%b7%d8%a8%d9%8a%d9%82/" rel="bookmark">العلوم الفيزيائية — المغناطيسية: تطبيقات الكهرومغناطيسية — الرابعة متوسط — المنهاج الجزائري</a></h2>
<p>مقدمة الكهرومغناطيسية هي العلاقة بين الكهرباء والمغناطيسية. للتيار الكهربائي تأثير مغناطيسي، والمجال المغناطيسي يمكن أن …</p>
</div>
<div class="check-also-post">
<h2 class="post-title"><a href="https://dz-onec.com/2026/07/21/%d8%a7%d9%84%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d9%8a%d8%a7%d8%a6%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%8a%d9%83%d8%a7%d9%86%d9%8a%d9%83-%d8%a7%d9%84%d8%b4%d8%ba%d9%84-%d9%88%d8%a7-2/" rel="bookmark">العلوم الفيزيائية — الميكانيك: الشغل والقدرة الميكانيكية — الرابعة متوسط — المنهاج الجزائري</a></h2>
<p>مقدمة في الفيزياء، الشغل هو كمية الطاقة المنقولة عندما تؤثر قوة على جسم وتسبب حركته. …</p>
</div>
<div class="check-also-post">
<h2 class="post-title"><a href="https://dz-onec.com/2026/07/21/%d8%a7%d9%84%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d9%8a%d8%a7%d8%a6%d9%8a%d8%a9-%d8%a7%d9%84%d9%83%d9%8a%d9%85%d9%8a%d8%a7%d8%a1-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d8%b2%d9%86%d8%a9/" rel="bookmark">العلوم الفيزيائية — الكيمياء: الموازنة بين المعادلات الكيميائية — الرابعة متوسط — المنهاج الجزائري</a></h2>
<p>مقدمة المعادلة الكيميائية هي تمثيل رمزي للتفاعل الكيميائي. موازنة المعادلة الكيميائية تعني التأكد من أن …</p>
</div>
<div class="check-also-post">
<h2 class="post-title"><a href="https://dz-onec.com/2026/07/21/%d8%a7%d9%84%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d9%8a%d8%a7%d8%a6%d9%8a%d8%a9-%d8%a7%d9%84%d9%83%d9%8a%d9%85%d9%8a%d8%a7%d8%a1-%d8%a7%d9%84%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d8%a7-6/" rel="bookmark">العلوم الفيزيائية — الكيمياء: التفاعلات الكيميائية وأنواعها — الرابعة متوسط — المنهاج الجزائري</a></h2>
<p>مقدمة في الكيمياء، تتفاعل المواد مع بعضها لتكون مواد جديدة. التفاعلات الكيميائية تحدث في كل …</p>
</div>
</section>
<div id="comments">
<div class="clear"></div>
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">اترك تعليقاً <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2026/07/20/%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d9%8a-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d9%82%d8%b9-%d8%a7%d9%84%d8%a5%d9%84%d9%83%d8%aa%d8%b1%d9%88/#respond" style="display:none;">إلغاء الرد</a></small></h3><form action="https://dz-onec.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">لن يتم نشر عنوان بريدك الإلكتروني.</span> <span class="required-field-message">الحقول الإلزامية مشار إليها بـ <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">التعليق <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">الاسم</label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" /></p>
<p class="comment-form-email"><label for="email">البريد الإلكتروني</label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" /></p>
<p class="comment-form-url"><label for="url">الموقع الإلكتروني</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p>
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">احفظ اسمي، بريدي الإلكتروني، والموقع الإلكتروني في هذا المتصفح لاستخدامها المرة المقبلة في تعليقي.</label></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="إرسال التعليق" /> <input type='hidden' name='comment_post_ID' value='139846' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="ca6903fa5d" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="2"/><script>
document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );
</script>
</p></form> </div><!-- #respond -->
</div><!-- #comments -->
</div><!-- .content -->
<aside id="sidebar">
<div class="theiaStickySidebar">
<div id="text-2" class="widget widget_text"><div class="widget-top"><h4>📊 إحصائيات الموقع</h4><div class="stripe-line"></div></div>
<div class="widget-container"> <div class="textwidget"><div class="stats-grid">
<div class="stat-card blue">
<span class="stat-number">3,310</span>
<span class="stat-label">دروس</span>
</div>
<div class="stat-card gold">
<span class="stat-number">77</span>
<span class="stat-label">منشور اليوم</span>
</div>
</div></div>
</div></div><!-- .widget /--><div id="nav_menu-3" class="widget widget_nav_menu"><div class="widget-top"><h4>قوائم مدونة التربية و التعليم</h4><div class="stripe-line"></div></div>
<div class="widget-container"><div class="menu-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-container"><ul id="menu-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-1" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-100365"><a href="https://dz-onec.com/school-calendar-holidays/">📅 العطل المدرسية</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-100392"><a href="https://dz-onec.com/school-orientation-guide/">🧭 التوجيه المدرسي</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-100394"><a href="https://dz-onec.com/recruitment-competitions-guide/">📋 مسابقات</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-100495"><a href="https://dz-onec.com/exams-guide-algeria/">📝 الامتحانات</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107209"><a href="https://dz-onec.com/grade-calculator/">🧮 حاسبة المعدل</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107210"><a href="https://dz-onec.com/tharwa-education-gov-dz/">📋 فضاء الأولياء</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107211"><a href="https://dz-onec.com/teachers-space/">👨🏫 فضاء الأساتذة</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107212"><a href="https://dz-onec.com/exam-bank/">📚 بنك الفروض</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107213"><a href="https://dz-onec.com/bac-bem-primary-results/">🎓 نتائج الامتحانات</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107214"><a href="https://dz-onec.com/category/%d8%a7%d9%84%d8%a3%d8%ae%d8%a8%d8%a7%d8%b1/">📰 الأخبار</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107215"><a href="https://dz-onec.com/al-ibtidai-primary/">📗 الإبتدائي</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-113452"><a href="https://dz-onec.com/dorous-sana-tahdiriya-ibtidai/">📗 التحضيري</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107227"><a href="https://dz-onec.com/al-moutawassit-middle/">📘 المتوسط</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-113443"><a href="https://dz-onec.com/al-thanawi-secondary/">📙 الثانوي</a></li>
</ul></div></div></div><!-- .widget /--><div id="text-3" class="widget widget_text"><div class="widget-top"><h4>🏷️ التصنيفات</h4><div class="stripe-line"></div></div>
<div class="widget-container"> <div class="textwidget"><div class="category-chips">
<a href="/category/%d8%a7%d9%84%d8%a5%d8%a8%d8%aa%d8%af%d8%a7%d8%a6%d9%8a/" class="category-chip blue">الابتدائي</a>
<a href="/category/%d8%a7%d9%84%d9%85%d8%aa%d9%88%d8%b3%d8%b7/" class="category-chip teal">المتوسط</a>
<a href="/category/%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%88%d9%8a/" class="category-chip gold">الثانوي</a>
<a href="/tag/%d8%a8%d9%83%d8%a7%d9%84%d9%88%d8%b1%d9%8a%d8%a7/" class="category-chip purple">بكالوريا</a>
<a href="/category/%d8%a5%d8%b9%d9%84%d8%a7%d9%86%d8%a7%d8%aa-%d9%88%d9%86%d8%aa%d8%a7%d8%a6%d8%ac/" class="category-chip pink">الأخبار</a>
<a href="/tag/bem/" class="category-chip green">BEM</a>
<a href="/category/banque-questions/" class="category-chip orange">بنك الأسئلة</a>
</div></div>
</div></div><!-- .widget /--><div id="text-6" class="widget widget_text"><div class="widget-top"><h4>🏆 تابعنا</h4><div class="stripe-line"></div></div>
<div class="widget-container"> <div class="textwidget"><div class="social-follow-ribbon">
<span class="follow-label">📢 تابعنا على:</span>
</div>
<div style="display:flex;gap:8px;flex-wrap:wrap;direction:rtl">
<a href="https://facebook.com/dzonec" class="social-btn facebook" target="_blank">فيسبوك</a>
<a href="https://t.me/dzonec" class="social-btn telegram" target="_blank">تيلغرام</a>
</div></div>
</div></div><!-- .widget /--> </div><!-- .theiaStickySidebar /-->
</aside><!-- #sidebar /--> <div class="clear"></div>
</div><!-- .container /-->
<div class="e3lan e3lan-bottom"> </div>
<footer id="theme-footer">
<div id="footer-widget-area" class="footer-2c">
<div id="footer-first" class="footer-widgets-box">
<div id="text-4" class="footer-widget widget_text"><div class="footer-widget-top"><h4>عن الموقع</h4></div>
<div class="footer-widget-container"> <div class="textwidget">مدونة التربية و التعليم الجزائرية — أكبر مكتبة دروس تعليمية في الجزائر لجميع المستويات: ابتدائي، متوسط، ثانوي. دروس، فروض، اختبارات، ونتائج امتحانات.</div>
</div></div><!-- .widget /--><div id="categort-posts-widget-3" class="footer-widget categort-posts"><div class="footer-widget-top"><h4>مواضيع مرتبطة </h4></div>
<div class="footer-widget-container"> <ul>
<li >
<h3><a href="https://dz-onec.com/2026/07/21/%d8%a7%d9%84%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9-%d8%af%d8%b1%d8%b3-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%ad%d9%81%d9%88%d8%b8%d8%a7%d8%aa-%d9%86%d8%b4%d9%8a%d8%af-%d8%a7-11/">اللغة العربية — درس في المحفوظات: نشيد العلم — السنة الثانية إبتدائي — المنهاج الجزائري</a></h3>
</li>
<li >
<h3><a href="https://dz-onec.com/2026/07/21/%d8%a7%d9%84%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9-%d8%af%d8%b1%d8%b3-%d9%81%d9%8a-%d8%a7%d9%84%d9%82%d8%b1%d8%a7%d8%a1%d8%a9-%d9%86%d8%b5-%d9%82%d8%b1%d8%a7%d8%a6%d9%8a-35/">اللغة العربية — درس في القراءة: نص قرائي الحواس الخمس — السنة الأولى إبتدائي — المنهاج الجزائري</a></h3>
</li>
<li >
<h3><a href="https://dz-onec.com/2026/07/21/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%b3%d8%b1%d9%8a%d8%b9-%d9%84%d9%84%d8%aa%d8%a3%d9%83%d8%af-%d9%85%d9%86-%d8%a7%d9%84%d8%b9%d9%85%d9%84-12345/">اختبار سريع للتأكد من العمل 12345</a></h3>
</li>
<li >
<h3><a href="https://dz-onec.com/2026/07/21/%d8%a7%d9%84%d9%84%d8%ba%d8%a9-%d8%a7%d9%84%d8%b9%d8%b1%d8%a8%d9%8a%d8%a9-%d8%af%d8%b1%d8%b3-%d9%81%d9%8a-%d8%a7%d9%84%d8%aa%d8%b9%d8%a8%d9%8a%d8%b1-%d8%a7%d9%84%d9%83%d8%aa%d8%a7%d8%a8%d9%8a-7/">اللغة العربية — درس في التعبير الكتابي: كتابة وصف رحلة — السنة الثانية إبتدائي — المنهاج الجزائري</a></h3>
</li>
</ul>
<div class="clear"></div>
</div></div><!-- .widget /--> </div>
<div id="footer-second" class="footer-widgets-box">
<div id="text-5" class="footer-widget widget_text"><div class="footer-widget-top"><h4>روابط سريعة</h4></div>
<div class="footer-widget-container"> <div class="textwidget"><a href="/category/%D8%A3%D8%AE%D8%A8%D8%A7%D8%B1-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9/">📰 الأخبار</a><br>
<a href="/category/%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%88%D9%8A/%D8%B4%D9%87%D8%A7%D8%AF%D8%A9-%D8%A7%D9%84%D8%A8%D9%83%D8%A7%D9%84%D9%88%D8%B1%D9%8A%D8%A7/">🎓 البكالوريا</a><br>
<a href="/category/%D8%A7%D9%84%D9%85%D8%AA%D9%88%D8%B3%D8%B7/%D8%B4%D9%87%D8%AF%D8%A7%D8%A9-%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%85-%D8%A7%D9%84%D9%85%D8%AA%D9%88%D8%B3%D8%B7/">📘 نتائج BEM</a><br>
<a href="/tag/%D9%85%D8%B3%D8%A7%D8%A8%D9%82%D8%A7%D8%AA/">📝 مسابقات التربية</a><br>
<a href="/%D9%81%D8%B6%D8%A7%D8%A1-%D8%A7%D9%84%D8%A3%D9%88%D9%84%D9%8A%D8%A7%D8%A1/">👪 فضاء الأولياء</a></div>
</div></div><!-- .widget /--> </div><!-- #second .widget-area -->
</div><!-- #footer-widget-area -->
<div class="clear"></div>
</footer><!-- .Footer /-->
<div class="clear"></div>
<div class="footer-bottom">
<div class="container">
<div class="alignright">
بنك الإختبارات 2026 </div>
<div class="social-icons">
<a class="ttip-none" title="Rss" href="https://dz-onec.com/feed/" target="_blank"><i class="fa fa-rss"></i></a><a class="ttip-none" title="Facebook" href="https://web.facebook.com/%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%A7%D9%84%D8%AA%D8%B1%D8%A8%D9%8A%D8%A9-%D9%88%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%85-101703569221521" target="_blank"><i class="fa fa-facebook"></i></a>
</div>
<div class="alignleft">
DZ-ONEC.COM مدونة التربية و التعليم - الموقع الأول للدراسة في الجزائر 2026 </div>
<div class="clear"></div>
</div><!-- .Container -->
</div><!-- .Footer bottom -->
</div><!-- .inner-Wrapper -->
</div><!-- #Wrapper -->
</div><!-- .Wrapper-outer -->
<div id="topcontrol" class="fa fa-angle-up" title="إصعد الى الأعلى"></div>
<div id="fb-root"></div>
<div id="dzc-mobile-menu-source" style="display:none">
<div class="menu-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-container"><ul id="menu-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-2" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-100365"><a href="https://dz-onec.com/school-calendar-holidays/">📅 العطل المدرسية</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-100392"><a href="https://dz-onec.com/school-orientation-guide/">🧭 التوجيه المدرسي</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-100394"><a href="https://dz-onec.com/recruitment-competitions-guide/">📋 مسابقات</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-100495"><a href="https://dz-onec.com/exams-guide-algeria/">📝 الامتحانات</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107209"><a href="https://dz-onec.com/grade-calculator/">🧮 حاسبة المعدل</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107210"><a href="https://dz-onec.com/tharwa-education-gov-dz/">📋 فضاء الأولياء</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107211"><a href="https://dz-onec.com/teachers-space/">👨🏫 فضاء الأساتذة</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107212"><a href="https://dz-onec.com/exam-bank/">📚 بنك الفروض</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107213"><a href="https://dz-onec.com/bac-bem-primary-results/">🎓 نتائج الامتحانات</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107214"><a href="https://dz-onec.com/category/%d8%a7%d9%84%d8%a3%d8%ae%d8%a8%d8%a7%d8%b1/">📰 الأخبار</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107215"><a href="https://dz-onec.com/al-ibtidai-primary/">📗 الإبتدائي</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-113452"><a href="https://dz-onec.com/dorous-sana-tahdiriya-ibtidai/">📗 التحضيري</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-107227"><a href="https://dz-onec.com/al-moutawassit-middle/">📘 المتوسط</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-113443"><a href="https://dz-onec.com/al-thanawi-secondary/">📙 الثانوي</a></li>
</ul></div> </div>
<style>
/* Force: slide-out always dark, menu always shown when open */
body.rtl #slide-out { background: #1a1a2e !important; }
body.js-nav #mobile-menu { display: block !important; }
body.js-nav #slide-out { background: #1a1a2e !important; }
</style>
<script>
(function(){
'use strict';
// ============================================================
// 1. PREVENT THEME JS FROM INTERFERING
// Block jQuery handlers on #slide-out-open (theme uses them)
// Also prevent js-nav class from being added (it controls theme's slide)
// ============================================================
window.tie = window.tie || {};
window.tie.mobile_menu_active = false;
// Kill jQuery handlers on #slide-out-open — early and often
if(window.jQuery){
setTimeout(function(){
jQuery('#slide-out-open').off().unbind();
// Remove any click from parent li or anchors around it
var b = document.getElementById('slide-out-open');
if(b){
jQuery(b).off().unbind();
jQuery(b).closest && jQuery(b).closest('a').off && jQuery(b).closest('a').off();
}
}, 10);
}
// MutationObserver to REMOVE js-nav class if theme adds it
var observer = new MutationObserver(function(muts){
if(document.body.classList.contains('js-nav')){
document.body.classList.remove('js-nav');
}
});
observer.observe(document.body, {attributes: true, attributeFilter: ['class']});
// ============================================================
// 2. PREVENT THEME FROM HIDING OUR BUTTON
// Create our OWN hamburger button next to the theme's one
// ============================================================
var existingBtn = document.getElementById('dzc-hamburger');
if(existingBtn) existingBtn.remove();
var hamburger = document.createElement('button');
hamburger.id = 'dzc-hamburger';
hamburger.innerHTML = '<span></span><span></span><span></span>';
hamburger.setAttribute('aria-label', 'القائمة');
hamburger.style.cssText = 'position:fixed !important;top:5px !important;right:5px !important;width:40px !important;height:40px !important;background:rgba(0,0,0,0.3) !important;border:none !important;border-radius:4px !important;cursor:pointer !important;z-index:999999 !important;padding:8px 6px !important;outline:none !important;box-shadow:0 1px 4px rgba(0,0,0,0.2) !important;';
// Style the inner spans (3 lines) + show on mobile
var style = document.createElement('style');
style.textContent = '#dzc-hamburger{display:none}#dzc-hamburger span{display:block !important;height:3px !important;margin:4px 0 !important;background:#fff !important;border-radius:2px !important;transition:none !important}@media(max-width:900px){#dzc-hamburger{display:block !important}}';
document.head.appendChild(style);
document.body.appendChild(hamburger);
// ============================================================
// 3. BUILD THE CUSTOM OVERLAY
// ============================================================
var existing = document.getElementById('dzc-rtl-overlay');
if(existing) existing.remove();
var overlay = document.createElement('div');
overlay.id = 'dzc-rtl-overlay';
overlay.style.cssText = [
'position:fixed',
'top:0',
'right:-80%',
'width:80%',
'height:100%',
'background:#1a1a2e',
'z-index:999998',
'transition:right 0.3s ease',
'overflow-y:auto',
'direction:rtl',
'text-align:right',
'box-shadow:-3px 0 15px rgba(0,0,0,0.3)',
].join(';') + ';';
var inner = document.createElement('div');
inner.style.cssText = 'padding:60px 15px 20px;color:#fff;font-family:Tajawal,sans-serif;';
// Close button (X) inside overlay
var closeBtn = document.createElement('button');
closeBtn.textContent = '✕';
closeBtn.style.cssText = [
'position:absolute',
'top:10px',
'left:10px',
'background:transparent',
'border:none',
'color:rgba(255,255,255,0.6)',
'font-size:24px',
'cursor:pointer',
'padding:8px 12px',
'z-index:1',
].join(';') + ';';
closeBtn.onclick = function(){ overlay.style.right = '-80%'; };
overlay.appendChild(closeBtn);
// Title
var title = document.createElement('div');
title.textContent = 'القائمة الرئيسية';
title.style.cssText = 'font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,0.1);';
inner.appendChild(title);
// Menu items from source
var src = document.getElementById('dzc-mobile-menu-source');
if(src){
var ul = src.querySelector('ul.menu');
if(ul){
var clone = ul.cloneNode(true);
clone.style.cssText = 'list-style:none;padding:0;margin:0;';
clone.querySelectorAll('li').forEach(function(li){
li.style.cssText = 'list-style:none;';
});
clone.querySelectorAll('li.menu-item-has-children').forEach(function(li){
li.style.cssText = 'list-style:none;position:relative;';
var arr = document.createElement('i');
arr.className = 'mobile-arrows fa fa-chevron-down';
arr.style.cssText = 'position:absolute;left:0;top:8px;padding:8px 12px;cursor:pointer;color:rgba(255,255,255,0.5);';
arr.onclick = function(e){
e.stopPropagation();
var sub = li.querySelector('ul.sub-menu');
if(sub) sub.style.display = sub.style.display === 'block' ? 'none' : 'block';
this.classList.toggle('fa-chevron-down');
this.classList.toggle('fa-chevron-up');
};
li.appendChild(arr);
});
clone.querySelectorAll('a').forEach(function(a){
a.style.cssText = 'color:#fff;display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.06);text-decoration:none;font-size:15px;font-weight:500;';
a.addEventListener('click', function(){ overlay.style.right = '-80%'; });
});
clone.querySelectorAll('ul.sub-menu, ul.children').forEach(function(sub){
sub.style.cssText = 'padding-right:15px;display:none;list-style:none;';
});
clone.querySelectorAll('ul.sub-menu a, ul.children a').forEach(function(a){
a.style.cssText = 'color:rgba(255,255,255,0.7);display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.04);text-decoration:none;font-size:14px;';
});
inner.appendChild(clone);
}
}
overlay.appendChild(inner);
document.body.appendChild(overlay);
// ============================================================
// 4. OVERRIDE THEME'S HAMBURGER onclick (our #dzc-hamburger)
// ============================================================
hamburger.onclick = function(e){
e.preventDefault();
e.stopPropagation();
if(overlay.style.right === '0px' || overlay.style.right === '0'){
overlay.style.right = '-80%';
} else {
overlay.style.right = '0';
}
return false;
};
// Also catch clicks on theme's original button and redirect to our handler
var themeBtn = document.getElementById('slide-out-open');
if(themeBtn){
themeBtn.onclick = function(e){
e.preventDefault();
e.stopPropagation();
hamburger.click(); // Delegate to our button
return false;
};
}
// ============================================================
// 5. KEYBOARD ESC to close
// ============================================================
document.addEventListener('keydown', function(e){
if(e.key === 'Escape' && overlay.style.right === '0px') overlay.style.right = '-80%';
});
// ============================================================
// 6. SAFETY: re-assert button visibility every second
// ============================================================
setInterval(function(){
hamburger.style.display = 'block';
hamburger.style.opacity = '1';
hamburger.style.visibility = 'visible';
}, 500);
})();
</script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/sahifa-child/*","/wp-content/themes/sahifa/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
(function() {
var style = document.createElement('style');
style.textContent = `
.gcalc-wrap * { box-sizing: border-box; }
.gcalc-wrap { font-family: 'Tajawal','Cairo',sans-serif; max-width: 1000px; margin: 0 auto; padding: 20px; background: linear-gradient(145deg, #0A0E1A, #1B1B2F); border-radius: 18px; direction: rtl; color: #fff; }
.gcalc-wrap .gc-header { text-align: center; padding: 20px 0 10px; }
.gcalc-wrap .gc-header h1 { color: #F59E0B; font-size: 28px; margin: 0 0 4px; }
.gcalc-wrap .gc-header p { color: #94A3B8; font-size: 14px; margin: 0; }
.gcalc-wrap .gc-levels { display: flex; gap: 8px; margin: 18px 0; justify-content: center; flex-wrap: wrap; }
.gcalc-wrap .gc-level { padding: 10px 22px; border: 2px solid #1A73E8; border-radius: 10px; background: transparent; color: #90CAF9; font-size: 14px; font-weight: 700; cursor: pointer; transition: all .25s; font-family: inherit; }
.gcalc-wrap .gc-level:hover { background: rgba(26,115,232,.15); }
.gcalc-wrap .gc-level.active { background: #1A73E8; color: #fff; border-color: #1A73E8; }
.gcalc-wrap .gc-streams { display: flex; gap: 6px; margin: 12px 0; justify-content: center; flex-wrap: wrap; }
.gcalc-wrap .gc-stream { padding: 7px 16px; border: 2px solid #00ACC1; border-radius: 8px; background: transparent; color: #80DEEA; font-size: 13px; font-weight: 600; cursor: pointer; transition: all .2s; font-family: inherit; }
.gcalc-wrap .gc-stream:hover { background: rgba(0,172,193,.15); }
.gcalc-wrap .gc-stream.active { background: #00ACC1; color: #fff; }
.gcalc-wrap .gc-panel { background: #1B1B2F; border-radius: 14px; padding: 16px; margin: 14px 0; border: 1px solid #2d3748; }
.gcalc-wrap .gc-row { display: flex; align-items: center; padding: 8px 6px; border-bottom: 1px solid #2d3748; gap: 10px; }
.gcalc-wrap .gc-row:last-child { border-bottom: none; }
.gcalc-wrap .gc-row .s-name { flex: 1; font-weight: 600; color: #E2E8F0; font-size: 14px; min-width: 0; }
.gcalc-wrap .gc-row .s-coeff { background: rgba(245,158,11,.15); color: #F59E0B; padding: 4px 10px; border-radius: 16px; font-size: 12px; font-weight: 700; min-width: 55px; text-align: center; cursor: pointer; transition: all .2s; flex-shrink: 0; }
.gcalc-wrap .gc-row .s-coeff:hover { background: rgba(245,158,11,.25); }
.gcalc-wrap .gc-row .s-coeff.editing { background: rgba(245,158,11,.35); border: 1px dashed #F59E0B; }
.gcalc-wrap .gc-row .s-input { width: 70px; padding: 6px 10px; border: 2px solid #2d3748; border-radius: 8px; background: #0A0E1A; color: #fff; font-size: 15px; text-align: center; font-family: inherit; outline: none; transition: border .2s; flex-shrink: 0; }
.gcalc-wrap .gc-row .s-input:focus { border-color: #1A73E8; }
.gcalc-wrap .gc-result { background: linear-gradient(135deg, #1A73E8, #00ACC1); border-radius: 16px; padding: 22px 16px; text-align: center; margin: 14px 0; }
.gcalc-wrap .gc-result .r-label { font-size: 14px; opacity: .85; margin-bottom: 4px; color: #E2E8F0; }
.gcalc-wrap .gc-result .r-grade { font-size: 48px; font-weight: 900; line-height: 1.2; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.3); }
.gcalc-wrap .gc-result .r-mention { display: inline-block; margin-top: 8px; padding: 8px 28px; border-radius: 30px; background: rgba(255,255,255,.2); color: #fff; font-size: 16px; font-weight: 700; }
.gcalc-wrap .gc-result .r-detail { font-size: 13px; opacity: .7; margin-top: 6px; color: #E2E8F0; }
.gcalc-wrap .gc-table-wrap { overflow-x: auto; margin-top: 14px; background: #1B1B2F; border-radius: 12px; border: 1px solid #2d3748; }
.gcalc-wrap .gc-table-wrap table { width: 100%; border-collapse: collapse; font-size: 13px; }
.gcalc-wrap .gc-table-wrap th { background: #0A0E1A; color: #F59E0B; padding: 10px; text-align: center; border-bottom: 2px solid #F59E0B; }
.gcalc-wrap .gc-table-wrap td { padding: 8px; text-align: center; border-bottom: 1px solid #2d3748; color: #CBD5E1; }
.gcalc-wrap .gc-info { background: rgba(245,158,11,.1); border-right: 4px solid #F59E0B; padding: 12px 14px; border-radius: 8px; margin: 14px 0; font-size: 14px; color: #CBD5E1; }
.gcalc-wrap .gc-info strong { color: #F59E0B; }
@media(max-width:600px){ .gcalc-wrap { padding: 12px; } .gcalc-wrap .gc-result .r-grade { font-size: 34px; } .gcalc-wrap .gc-row .s-input { width: 55px; } }
`;
document.head.appendChild(style);
function gcalcInit() {
const wrap = document.querySelector('.gcalc-wrap');
if (!wrap) return;
// Build HTML structure
wrap.innerHTML = `
<div class="gc-header">
<h1>📊 حاسبة المعدل الدراسي</h1>
<p>احسب معدلك بسهولة — السنكيام، البيام، البكالوريا وجميع المستويات</p>
</div>
<div class="gc-levels" id="gcLevels">
<button class="gc-level active" data-level="prim">📘 ابتدائي</button>
<button class="gc-level" data-level="cem">📙 متوسط (BEM)</button>
<button class="gc-level" data-level="bac">📕 بكالوريا</button>
<button class="gc-level" data-level="custom">✏️ مخصص</button>
</div>
<div class="gc-streams" id="gcStreams" style="display:none;">
<button class="gc-stream active" data-stream="sci">علوم تجريبية</button>
<button class="gc-stream" data-stream="math">رياضيات</button>
<button class="gc-stream" data-stream="tech">تقني رياضي</button>
<button class="gc-stream" data-stream="lit">آداب وفلسفة</button>
<button class="gc-stream" data-stream="lang">لغات أجنبية</button>
<button class="gc-stream" data-stream="man">تسيير واقتصاد</button>
</div>
<div class="gc-panel" id="gcPanel"></div>
<div class="gc-result" id="gcResult">
<div class="r-label">🏆 المعدل العام</div>
<div class="r-grade" id="gcFinalGrade">00.00</div>
<div class="r-mention" id="gcMention">—</div>
<div class="r-detail" id="gcDetail">أدخل العلامات أعلاه</div>
</div>
<button onclick="gcalcReset()" style="width:100%;padding:10px;background:#2d3748;color:#94A3B8;border:1px solid #4a5568;border-radius:10px;cursor:pointer;font-size:14px;font-family:inherit;margin-top:6px;">🔄 تصفير الحقول</button>
<div class="gc-info"><strong>💡 نصائح:</strong> اضغط على المعامل لتعديله. أدخل العلامة من 0 إلى 20. تدعم الأعداد العشرية (مثال: 15.5).</div>`;
// Data
const gcData = {
prim: [
{name:'اللغة العربية',coeff:5},{name:'الرياضيات',coeff:4},{name:'التربية الإسلامية',coeff:2},
{name:'التربية العلمية',coeff:2},{name:'التاريخ والجغرافيا',coeff:2},{name:'التربية المدنية',coeff:1},
{name:'اللغة الفرنسية',coeff:3}
],
cem: [
{name:'اللغة العربية',coeff:3},{name:'الرياضيات',coeff:3},{name:'العلوم الفيزيائية',coeff:2},
{name:'علوم الطبيعة والحياة',coeff:2},{name:'التربية الإسلامية',coeff:2},{name:'التاريخ والجغرافيا',coeff:2},
{name:'اللغة الفرنسية',coeff:2},{name:'اللغة الإنجليزية',coeff:2},{name:'التربية المدنية',coeff:1},{name:'الإعلام الآلي',coeff:1}
],
bac: {
sci:[
{name:'اللغة العربية',coeff:3},{name:'الرياضيات',coeff:5},{name:'العلوم الفيزيائية',coeff:4},
{name:'علوم الطبيعة والحياة',coeff:4},{name:'اللغة الفرنسية',coeff:2},{name:'اللغة الإنجليزية',coeff:2},
{name:'التربية الإسلامية',coeff:2},{name:'التاريخ والجغرافيا',coeff:2},{name:'الفلسفة',coeff:2}
],
math:[
{name:'اللغة العربية',coeff:3},{name:'الرياضيات',coeff:6},{name:'العلوم الفيزيائية',coeff:5},
{name:'علوم الطبيعة والحياة',coeff:2},{name:'اللغة الفرنسية',coeff:2},{name:'اللغة الإنجليزية',coeff:2},
{name:'التربية الإسلامية',coeff:2},{name:'التاريخ والجغرافيا',coeff:2},{name:'الفلسفة',coeff:2}
],
tech:[
{name:'اللغة العربية',coeff:3},{name:'الرياضيات',coeff:5},{name:'العلوم الفيزيائية',coeff:5},
{name:'التكنولوجيا',coeff:4},{name:'اللغة الفرنسية',coeff:2},{name:'اللغة الإنجليزية',coeff:2},
{name:'التربية الإسلامية',coeff:2},{name:'التاريخ والجغرافيا',coeff:2},{name:'الفلسفة',coeff:2}
],
lit:[
{name:'اللغة العربية',coeff:5},{name:'الرياضيات',coeff:2},{name:'العلوم الفيزيائية',coeff:2},
{name:'علوم الطبيعة والحياة',coeff:2},{name:'اللغة الفرنسية',coeff:3},{name:'اللغة الإنجليزية',coeff:2},
{name:'التربية الإسلامية',coeff:3},{name:'التاريخ والجغرافيا',coeff:4},{name:'الفلسفة',coeff:4}
],
lang:[
{name:'اللغة العربية',coeff:4},{name:'الرياضيات',coeff:2},{name:'العلوم الفيزيائية',coeff:2},
{name:'علوم الطبيعة والحياة',coeff:2},{name:'اللغة الفرنسية',coeff:4},{name:'اللغة الإنجليزية',coeff:4},
{name:'التربية الإسلامية',coeff:2},{name:'التاريخ والجغرافيا',coeff:2},{name:'الفلسفة',coeff:2},
{name:'اللغة الإسبانية/الألمانية',coeff:2}
],
man:[
{name:'اللغة العربية',coeff:3},{name:'الرياضيات',coeff:3},{name:'العلوم الفيزيائية',coeff:2},
{name:'اللغة الفرنسية',coeff:2},{name:'اللغة الإنجليزية',coeff:2},{name:'التربية الإسلامية',coeff:2},
{name:'التاريخ والجغرافيا',coeff:2},{name:'الفلسفة',coeff:2},
{name:'تسيير محاسبي ومالي',coeff:4},{name:'اقتصاد ومناجمنت',coeff:4}
]
}
};
let currentLevel = 'prim', currentStream = 'sci';
function gcMention(avg) {
if (avg >= 18) return '🌟 ممتاز مع مرتبة الشرف';
if (avg >= 16) return '⭐ ممتاز';
if (avg >= 14) return '👍 جيد جداً';
if (avg >= 12) return '👌 جيد';
if (avg >= 10) return '✅ مقبول';
if (avg >= 5) return '⚠️ ضعيف';
return '❌ ضعيف جداً';
}
function gcColor(avg) {
if (avg >= 18) return 'linear-gradient(135deg,#4CAF50,#8BC34A)';
if (avg >= 16) return 'linear-gradient(135deg,#1A73E8,#00ACC1)';
if (avg >= 14) return 'linear-gradient(135deg,#1A73E8,#64B5F6)';
if (avg >= 12) return 'linear-gradient(135deg,#F59E0B,#FFB74D)';
if (avg >= 10) return 'linear-gradient(135deg,#FF9800,#FFB74D)';
if (avg >= 5) return 'linear-gradient(135deg,#f44336,#e57373)';
return 'linear-gradient(135deg,#b71c1c,#e53935)';
}
window.gcCalc = function() {
const rows = document.querySelectorAll('#gcPanel .gc-row');
let total = 0, coeffSum = 0, allFilled = true;
rows.forEach(r => {
const inp = r.querySelector('.s-input');
const coeffEl = r.querySelector('.s-coeff');
const coeff = parseFloat(coeffEl.dataset.coeff) || 1;
const v = inp.value.trim();
if (v === '') { allFilled = false; return; }
const grade = parseFloat(v);
if (!isNaN(grade)) { total += grade * coeff; coeffSum += coeff; }
});
const avg = coeffSum > 0 ? total / coeffSum : 0;
const el = document.getElementById('gcFinalGrade');
const mention = document.getElementById('gcMention');
const detail = document.getElementById('gcDetail');
const result = document.getElementById('gcResult');
if (coeffSum === 0) {
el.textContent = '00.00'; mention.textContent = '—';
detail.textContent = 'أدخل العلامات أعلاه';
result.style.background = 'linear-gradient(135deg,#1A73E8,#00ACC1)';
return;
}
el.textContent = avg.toFixed(2);
mention.textContent = gcMention(avg);
detail.textContent = allFilled ? `المجموع: ${total.toFixed(2)} / ${coeffSum}` : `المجموع: ${total.toFixed(2)} / مجموع المعاملات: ${coeffSum}`;
result.style.background = gcColor(avg);
}
window.gcalcReset = function() {
document.querySelectorAll('.s-input').forEach(i => i.value = '');
gcCalc();
};
function gcBuild(level) {
const panel = document.getElementById('gcPanel');
const streams = document.getElementById('gcStreams');
if (level === 'bac') streams.style.display = 'flex';
else streams.style.display = 'none';
let subjects;
if (level === 'prim') subjects = gcData.prim;
else if (level === 'cem') subjects = gcData.cem;
else if (level === 'bac') subjects = gcData.bac[currentStream];
else subjects = gcData.cem;
panel.innerHTML = subjects.map(s =>
`<div class="gc-row">
<span class="s-name">${s.name}</span>
<span class="s-coeff" data-coeff="${s.coeff}" onclick="gcalcEditCoeff(this)">المعامل ${s.coeff}</span>
<input class="s-input" type="text" inputmode="decimal" placeholder="علامة" oninput="gcCalc()">
</div>`
).join('');
gcCalc();
}
window.gcalcEditCoeff = function(el) {
const curr = el.dataset.coeff;
const newVal = prompt('تعديل المعامل:', curr);
if (newVal && !isNaN(parseFloat(newVal)) && parseFloat(newVal) > 0) {
el.dataset.coeff = parseFloat(newVal);
el.textContent = `المعامل ${parseFloat(newVal)}`;
gcCalc();
}
};
// Event listeners
document.querySelectorAll('.gc-level').forEach(btn => {
btn.addEventListener('click', function() {
document.querySelectorAll('.gc-level').forEach(b => b.classList.remove('active'));
this.classList.add('active');
currentLevel = this.dataset.level;
gcBuild(currentLevel);
});
});
document.querySelectorAll('.gc-stream').forEach(btn => {
btn.addEventListener('click', function() {
document.querySelectorAll('.gc-stream').forEach(b => b.classList.remove('active'));
this.classList.add('active');
currentStream = this.dataset.stream;
gcBuild(currentLevel);
});
});
gcBuild('prim');
}
// Run on DOM ready
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', gcalcInit);
else gcalcInit();
})();
</script>
<!-- ===== TRENDING NEWS SLIDER ===== -->
<div id="trending-news-slider" class="tn-slider" dir="rtl">
<div class="tn-slides-wrapper" id="tnSlidesWrapper">
<div class="tn-slide" data-index="0">
<a href="https://dz-onec.com/2026/07/21/%d9%88%d8%b2%d8%a7%d8%b1%d8%a9-%d8%a7%d9%84%d8%aa%d8%b1%d8%a8%d9%8a%d8%a9-%d8%a7%d9%84%d9%88%d8%b7%d9%86%d9%8a%d8%a9-%d8%aa%d8%b7%d9%84%d9%82-%d8%a7%d9%84%d8%b7%d8%a8%d8%b9%d8%a9-%d8%a7%d9%84%d8%a3/" class="tn-slide-link" style="text-decoration:none;color:inherit;display:block;">
<div class="tn-slide-bg" style="background: linear-gradient(135deg, #0F2027, #203A43, #2C5364);">
<div class="tn-slide-overlay"></div>
<div class="tn-slide-content">
<div class="tn-slide-top">
<span class="tn-badge" style="background:#F59E0B;color:#fff;">أخبار هامة</span>
<span class="tn-date">📅 21 يوليو 2026</span>
</div>
<h2 class="tn-title">وزارة التربية الوطنية تطلق الطبعة الأولى للأقسام التعليمية المخصصة لأبناء الجالية بالخارج</h2>
<p class="tn-excerpt">الوزير سعداوي يعطي إشارة انطلاق الطبعة الأولى للأقسام التعليمية لأبناء الجالية بالخارج أشرف وزير التربية …</p>
<span class="tn-cta" style="color:#F59E0B;">اقرأ المزيد ←</span>
</div>
<div class="tn-icon-bg">📰</div>
</div>
</a>
</div>
<div class="tn-slide" data-index="1">
<a href="https://dz-onec.com/2026/07/20/%d8%a5%d8%aa%d9%85%d8%a7%d9%85-93-41-%d9%85%d9%86-%d8%a7%d9%84%d9%86%d8%a7%d8%ac%d8%ad%d9%8a%d9%86-%d8%a7%d9%84%d8%ac%d8%af%d8%af-%d9%84%d8%aa%d8%b3%d8%ac%d9%8a%d9%84%d8%a7%d8%aa%d9%87%d9%85-%d8%a7/" class="tn-slide-link" style="text-decoration:none;color:inherit;display:block;">
<div class="tn-slide-bg" style="background: linear-gradient(135deg, #1A1A2E, #16213E, #0F3460);">
<div class="tn-slide-overlay"></div>
<div class="tn-slide-content">
<div class="tn-slide-top">
<span class="tn-badge" style="background:#00ACC1;color:#fff;">أخبار هامة</span>
<span class="tn-date">📅 20 يوليو 2026</span>
</div>
<h2 class="tn-title">إتمام 93.41% من الناجحين الجدد لتسجيلاتهم الجامعية الأولية — 396 ألف طالب سجلوا حتى الآن</h2>
<p class="tn-excerpt">كشف مستشار وزير التعليم العالي والبحث العلمي، عبد الجبار داودي، عن نسبة متقدمة جدا في …</p>
<span class="tn-cta" style="color:#00ACC1;">اقرأ المزيد ←</span>
</div>
<div class="tn-icon-bg">📰</div>
</div>
</a>
</div>
<div class="tn-slide" data-index="2">
<a href="https://dz-onec.com/2026/07/20/35-%d8%a3%d9%84%d9%81-%d9%85%d9%82%d8%b9%d8%af-%d8%a8%d9%8a%d8%af%d8%a7%d8%ba%d9%88%d8%ac%d9%8a-%d9%81%d9%8a-%d8%a7%d9%84%d9%85%d8%af%d8%a7%d8%b1%d8%b3-%d8%a7%d9%84%d8%b9%d9%84%d9%8a%d8%a7-%d9%84/" class="tn-slide-link" style="text-decoration:none;color:inherit;display:block;">
<div class="tn-slide-bg" style="background: linear-gradient(135deg, #141E30, #243B55, #1A2A3A);">
<div class="tn-slide-overlay"></div>
<div class="tn-slide-content">
<div class="tn-slide-top">
<span class="tn-badge" style="background:#1A73E8;color:#fff;">أخبار هامة</span>
<span class="tn-date">📅 20 يوليو 2026</span>
</div>
<h2 class="tn-title">35 ألف مقعد بيداغوجي في المدارس العليا للأساتذة للناجحين في بكالوريا 2026</h2>
<p class="tn-excerpt">أعلنت وزارة التعليم العالي والبحث العلمي عن توفير 35 ألف مقعد بيداغوجي في المدارس العليا …</p>
<span class="tn-cta" style="color:#1A73E8;">اقرأ المزيد ←</span>
</div>
<div class="tn-icon-bg">📰</div>
</div>
</a>
</div>
<div class="tn-slide" data-index="3">
<a href="https://dz-onec.com/2026/07/20/%d8%aa%d9%83%d8%b1%d9%8a%d9%85-%d8%b1%d8%a6%d8%a7%d8%b3%d9%8a-%d9%8a%d9%88%d9%85-%d8%a7%d9%84%d8%a3%d8%b1%d8%a8%d8%b9%d8%a7%d8%a1-%d9%84%d9%84%d8%a3%d9%88%d8%a7%d8%a6%d9%84-%d9%81%d9%8a-%d8%b4%d9%87/" class="tn-slide-link" style="text-decoration:none;color:inherit;display:block;">
<div class="tn-slide-bg" style="background: linear-gradient(135deg, #0D1B2A, #1B2838, #1B3A4B);">
<div class="tn-slide-overlay"></div>
<div class="tn-slide-content">
<div class="tn-slide-top">
<span class="tn-badge" style="background:#A78BFA;color:#fff;">أخبار هامة</span>
<span class="tn-date">📅 20 يوليو 2026</span>
</div>
<h2 class="tn-title">تكريم رئاسي يوم الأربعاء للأوائل في شهادتي البكالوريا والتعليم المتوسط 2026</h2>
<p class="tn-excerpt">تشهد الجزائر يوم الأربعاء 22 جويلية 2026 احتفالية وطنية كبرى تحت إشراف رئاسة الجمهورية، لتكريم …</p>
<span class="tn-cta" style="color:#A78BFA;">اقرأ المزيد ←</span>
</div>
<div class="tn-icon-bg">📰</div>
</div>
</a>
</div>
<div class="tn-slide" data-index="4">
<a href="https://dz-onec.com/2026/07/20/%d9%88%d8%b2%d8%a7%d8%b1%d8%a9-%d8%a7%d9%84%d8%aa%d8%b9%d9%84%d9%8a%d9%85-%d8%a7%d9%84%d8%b9%d8%a7%d9%84%d9%8a-%d8%aa%d8%b9%d9%84%d9%86-%d9%86%d8%aa%d8%a7%d8%a6%d8%ac-%d8%a7%d9%84%d8%af%d9%88%d8%b1/" class="tn-slide-link" style="text-decoration:none;color:inherit;display:block;">
<div class="tn-slide-bg" style="background: linear-gradient(135deg, #1B1B2F, #162447, #1F4068);">
<div class="tn-slide-overlay"></div>
<div class="tn-slide-content">
<div class="tn-slide-top">
<span class="tn-badge" style="background:#34D399;color:#fff;">أخبار هامة</span>
<span class="tn-date">📅 20 يوليو 2026</span>
</div>
<h2 class="tn-title">وزارة التعليم العالي تعلن نتائج الدورة الـ54 للجنة الجامعية الوطنية (CUN)</h2>
<p class="tn-excerpt">أصدرت وزارة التعليم العالي والبحث العلمي، القرار رقم 035 المؤرخ في 19 جويلية 2026، المتضمن …</p>
<span class="tn-cta" style="color:#34D399;">اقرأ المزيد ←</span>
</div>
<div class="tn-icon-bg">📰</div>
</div>
</a>
</div>
</div>
<!-- Navigation Arrows -->
<button class="tn-arrow tn-arrow-next" id="tnArrowNext" aria-label="التالي">‹</button>
<button class="tn-arrow tn-arrow-prev" id="tnArrowPrev" aria-label="السابق">›</button>
<!-- Dots -->
<div class="tn-dots" id="tnDots">
<span class="tn-dot active" data-index="0"></span>
<span class="tn-dot " data-index="1"></span>
<span class="tn-dot " data-index="2"></span>
<span class="tn-dot " data-index="3"></span>
<span class="tn-dot " data-index="4"></span>
</div>
</div>
<style>
/* ===== TRENDING NEWS SLIDER ===== */
.tn-slider {
display: none;
position: relative;
max-width: 1080px;
margin: 15px auto 0;
direction: rtl;
font-family: 'Tajawal', sans-serif;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}
.home .tn-slider,
.page-id-528 .tn-slider,
.tn-slider.tn-shown {
display: block !important;
}
.tn-slides-wrapper {
position: relative;
width: 100%;
min-height: 320px;
overflow: hidden;
}
.tn-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transform: scale(1.03);
transition: opacity 0.7s ease, transform 0.7s ease;
pointer-events: none;
}
.tn-slide.active {
opacity: 1;
transform: scale(1);
pointer-events: auto;
position: relative;
}
.tn-slide-link {
display: block;
text-decoration: none;
color: inherit !important;
}
.tn-slide-bg {
position: relative;
min-height: 320px;
display: flex;
align-items: center;
overflow: hidden;
}
.tn-slide-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%);
pointer-events: none;
}
.tn-slide-content {
position: relative;
z-index: 2;
padding: 40px 100px;
max-width: 700px;
}
.tn-slide-top {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 16px;
}
.tn-badge {
display: inline-block;
font-size: 11px;
font-weight: 700;
padding: 4px 14px;
border-radius: 6px;
letter-spacing: 0.3px;
white-space: nowrap;
}
.tn-date {
font-size: 12px;
color: rgba(255,255,255,0.7) !important;
font-weight: 500;
}
.tn-title {
font-size: 28px;
font-weight: 800;
color: #FFFFFF !important;
line-height: 1.3;
margin: 0 0 10px 0;
text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.tn-excerpt {
font-size: 14px;
color: rgba(255,255,255,0.75) !important;
line-height: 1.7;
margin: 0 0 18px 0;
max-width: 580px;
}
.tn-cta {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: gap 0.3s ease;
}
.tn-cta,
.tn-slide-link:hover .tn-cta {
color: inherit;
}
.tn-icon-bg {
position: absolute;
left: -20px;
bottom: -20px;
font-size: 160px;
opacity: 0.08;
pointer-events: none;
user-select: none;
line-height: 1;
}
/* Navigation Arrows */
.tn-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: rgba(255,255,255,0.12);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: #FFFFFF;
font-size: 28px;
font-weight: 300;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
opacity: 0;
pointer-events: none;
line-height: 1;
}
.tn-slider:hover .tn-arrow {
opacity: 1;
pointer-events: auto;
}
.tn-arrow:hover {
background: rgba(255,255,255,0.25);
transform: translateY(-50%) scale(1.1);
}
.tn-arrow-next { right: 16px; }
.tn-arrow-prev { left: 16px; }
/* Dots */
.tn-dots {
position: absolute;
bottom: 18px;
right: 50%;
transform: translateX(50%);
z-index: 10;
display: flex;
gap: 8px;
align-items: center;
}
.tn-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(255,255,255,0.35);
cursor: pointer;
transition: all 0.3s ease;
}
.tn-dot.active {
width: 26px;
border-radius: 4px;
background: #FFFFFF;
}
.tn-dot:hover {
background: rgba(255,255,255,0.6);
}
@media (max-width: 768px) {
.tn-slide-content { padding: 30px 90px; }
.tn-title { font-size: 22px; }
.tn-excerpt { font-size: 13px; }
.tn-icon-bg { font-size: 100px; left: -10px; bottom: -10px; }
.tn-slide-bg { min-height: 260px; }
.tn-arrow { width: 32px; height: 32px; font-size: 20px; opacity: 1; pointer-events: auto; }
.tn-arrow-next { right: 8px; }
.tn-arrow-prev { left: 8px; }
}
@media (max-width: 480px) {
.tn-slide-content { padding: 20px 80px; }
.tn-title { font-size: 18px; }
.tn-excerpt { font-size: 12px; }
.tn-slide-bg { min-height: 220px; }
.tn-slide-top { flex-direction: column; align-items: flex-start; gap: 6px; }
.tn-arrow { width: 28px; height: 28px; font-size: 18px; }
}
</style>
<script>
(function() {
var wrapper = document.getElementById('tnSlidesWrapper');
var slides = wrapper.querySelectorAll('.tn-slide');
var dots = document.querySelectorAll('.tn-dot');
var nextBtn = document.getElementById('tnArrowNext');
var prevBtn = document.getElementById('tnArrowPrev');
var total = slides.length;
if (total < 2) return;
var current = 0;
var timer = null;
var AUTOPLAY_DELAY = 5000;
function goTo(index) {
if (index < 0) index = total - 1;
if (index >= total) index = 0;
slides.forEach(function(s, i) {
s.classList.toggle('active', i === index);
});
dots.forEach(function(d, i) {
d.classList.toggle('active', i === index);
});
current = index;
}
function next() { goTo(current + 1); }
function prev() { goTo(current - 1); }
function startAutoplay() {
stopAutoplay();
timer = setInterval(next, AUTOPLAY_DELAY);
}
function stopAutoplay() {
if (timer) { clearInterval(timer); timer = null; }
}
// Event listeners
if (nextBtn) nextBtn.addEventListener('click', function(e) { e.preventDefault(); next(); startAutoplay(); });
if (prevBtn) prevBtn.addEventListener('click', function(e) { e.preventDefault(); prev(); startAutoplay(); });
dots.forEach(function(dot) {
dot.addEventListener('click', function(e) {
var idx = parseInt(this.getAttribute('data-index'), 10);
goTo(idx);
startAutoplay();
});
});
// Pause on hover
var slider = document.getElementById('trending-news-slider');
if (slider) {
slider.addEventListener('mouseenter', stopAutoplay);
slider.addEventListener('mouseleave', startAutoplay);
}
// Touch/swipe support
var touchStartX = 0;
wrapper.addEventListener('touchstart', function(e) {
touchStartX = e.changedTouches[0].screenX;
}, {passive: true});
wrapper.addEventListener('touchend', function(e) {
var diff = touchStartX - e.changedTouches[0].screenX;
if (Math.abs(diff) > 50) {
if (diff > 0) next(); else prev();
startAutoplay();
}
}, {passive: true});
// Start with first slide active and autoplay
goTo(0);
startAutoplay();
})();
</script>
<!-- Hero Featured Card (removed — replaced by slider above) -->
<!-- Section: أحدث الدروس -->
<div id="latest-lessons-section" class="content-section">
<div class="section-title-wrapper">
<span class="section-title-bar blue"></span>
<h3 class="section-title-text">📚 أحدث الدروس</h3>
<a href="/category/%D8%AF%D8%B1%D9%88%D8%B3-%D8%A7%D9%84%D8%A7%D8%A8%D8%AA%D8%AF%D8%A7%D8%A6%D9%8A/" class="section-title-link">عرض الكل ←</a>
</div>
<div class="lessons-grid">
<a href="https://dz-onec.com/2026/06/22/%d8%a7%d9%84%d8%aa%d8%b1%d8%a8%d9%8a%d8%a9-%d8%a7%d9%84%d8%a5%d8%b3%d9%84%d8%a7%d9%85%d9%8a%d8%a9-%d8%a8%d8%b1-%d8%a7%d9%84%d9%88%d8%a7%d9%84%d8%af%d9%8a%d9%86-%d9%81%d8%b6%d9%84-%d8%a8/\" class="lesson-card islamic" style="text-decoration:none;color:inherit;display:block;">
<div class="lesson-thumb">📖</div>
<span class="lesson-badge">س3 ابتدائي</span>
<h4 class="lesson-title">التربية الإسلامية — بر الوالدين</h4>
<p class="lesson-sub">فضل بر الوالدين وأهميته في الإسلام</p>
</a>
<a href="https://dz-onec.com/2026/06/22/%d8%a7%d9%84%d8%b1%d9%8a%d8%a7%d8%b6%d9%8a%d8%a7%d8%aa-%d9%85%d8%b3%d8%a7%d8%ad%d8%a9-%d8%a7%d9%84%d9%82%d8%b1%d8%b5-%d8%ad%d8%b3%d8%a7%d8%a8-%d9%85%d8%b3%d8%a7%d8%ad%d8%a9-%d8%a7%d9%84/\" class=\"lesson-card math\" style="text-decoration:none;color:inherit;display:block;">
<div class="lesson-thumb">🔢</div>
<span class="lesson-badge">س5 ابتدائي</span>
<h4 class="lesson-title">الرياضيات — مساحة القرص</h4>
<p class="lesson-sub">حساب مساحة الدائرة — ط × نق²</p>
</a>
<a href="https://dz-onec.com/2026/06/20/%d8%ab%d9%86%d8%a7%d8%a6%d9%8a-%d8%a7%d9%84%d9%82%d8%b7%d8%a8-rl-%d8%b4%d8%b1%d8%ad-%d8%b4%d8%a7%d9%85%d9%84-%d9%85%d8%b9-%d8%aa%d9%85%d8%a7%d8%b1%d9%8a%d9%86-%d8%a8%d9%83%d8%a7%d9%84%d9%88%d8%b1/\" class=\"lesson-card physics\" style="text-decoration:none;color:inherit;display:block;">
<div class="lesson-thumb">⚛️</div>
<span class="lesson-badge">3 ثانوي</span>
<h4 class="lesson-title">الفيزياء — ثنائي القطب RL</h4>
<p class="lesson-sub">تمارين بكالوريا مع الحلول</p>
</a>
<a href="https://dz-onec.com/2026/06/20/%d8%a7%d9%84%d8%ad%d8%b1%d8%a8-%d8%a7%d9%84%d8%b9%d8%a7%d9%84%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d8%a3%d9%88%d9%84%d9%89-1914-1918-%d8%a7%d9%84%d8%a3%d8%b3%d8%a8%d8%a7%d8%a8%d8%8c-%d8%a7%d9%84%d8%a3/\" class=\"lesson-card history\" style="text-decoration:none;color:inherit;display:block;">
<div class="lesson-thumb">🌍</div>
<span class="lesson-badge">3 ثانوي</span>
<h4 class="lesson-title">التاريخ — الحرب العالمية الأولى</h4>
<p class="lesson-sub">الأسباب والنتائج — بكالوريا</p>
</a>
</div>
</div>
<!-- Section: بنك الفروض والاختبارات -->
<div id="exams-section" class="content-section">
<div class="section-title-wrapper">
<span class="section-title-bar gold"></span>
<h3 class="section-title-text">📝 بنك الفروض والاختبارات</h3>
<a href="/%D8%A8%D9%86%D9%83-%D8%A7%D9%84%D9%81%D8%B1%D9%88%D8%B6/" class="section-title-link">عرض الكل ←</a>
</div>
<div class="exams-grid">
<a href="/category/%D8%A7%D9%84%D9%85%D8%AA%D9%88%D8%B3%D8%B7/%D8%A7%D9%84%D8%A3%D9%88%D9%84%D9%89-%D9%85%D8%AA%D9%88%D8%B3%D8%B7/" class="exam-card">
<span class="exam-bar gold"></span>
<div class="exam-content">
<span class="exam-title">فروض الفصل الأول</span>
<span class="exam-sub">جميع المواد — الأولى متوسط</span>
</div>
</a>
<a href="/category/%D8%A7%D9%84%D9%85%D8%AA%D9%88%D8%B3%D8%B7/%D8%A7%D9%84%D8%AB%D8%A7%D9%84%D8%AB%D8%A9-%D9%85%D8%AA%D9%88%D8%B3%D8%B7/" class="exam-card">
<span class="exam-bar blue"></span>
<div class="exam-content">
<span class="exam-title">اختبارات الفصل الثاني</span>
<span class="exam-sub">مع الحلول — الثالثة متوسط</span>
</div>
</a>
<a href="/category/%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%88%D9%8A/%D8%B4%D9%87%D8%A7%D8%AF%D8%A9-%D8%A7%D9%84%D8%A8%D9%83%D8%A7%D9%84%D9%88%D8%B1%D9%8A%D8%A7/" class="exam-card">
<span class="exam-bar teal"></span>
<div class="exam-content">
<span class="exam-title">مواضيع بكالوريا</span>
<span class="exam-sub">مقترحة مع الحلول — 3 ثانوي</span>
</div>
</a>
<a href="/category/%D9%85%D8%B3%D8%A7%D8%A8%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D8%AA%D8%B1%D8%A8%D9%8A%D8%A9/" class="exam-card">
<span class="exam-bar purple"></span>
<div class="exam-content">
<span class="exam-title">مسابقات الأساتذة</span>
<span class="exam-sub">نماذج وحلول — 2026</span>
</div>
</a>
</div>
</div>
<style>
/* ===== HERO FEATURED — REPLACED BY TRENDING SLIDER ===== */
/* ===== SECTION TITLES ===== */
.content-section { display: none; }
.section-title-wrapper { display: flex; align-items: center; gap: 8px; margin: 25px 0 15px; direction: rtl; max-width: 1060px; margin-left: auto; margin-right: auto; }
.section-title-bar { width: 5px; height: 22px; border-radius: 3px; flex-shrink: 0; }
.section-title-bar.blue { background: #1A73E8; }
.section-title-bar.gold { background: #F59E0B; }
.section-title-text { font-family: 'Tajawal', sans-serif; font-size: 20px; font-weight: 800; color: #1B1B2F; flex: 1; margin:0; }
.section-title-link { font-family: 'Tajawal', sans-serif; font-size: 13px; color: #1A73E8; text-decoration: none; }
.section-title-link:hover { text-decoration: underline; }
/* ===== LESSONS GRID ===== */
.lessons-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; max-width: 1060px; margin: 0 auto 30px; direction: rtl; }
.lesson-card { background: #FFFFFF; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; position: relative; border: 1px solid #E8ECF0; transition: all 0.3s ease; }
.lesson-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.12); transform: translateY(-2px); }
.lesson-card::before { content:''; position:absolute; top:0; right:0; width:5px; height:100%; border-radius:0 10px 10px 0; }
.lesson-card.islamic::before { background:#F59E0B; }
.lesson-card.math::before { background:#00ACC1; }
.lesson-card.physics::before { background:#1A73E8; }
.lesson-card.history::before { background:#A78BFA; }
.lesson-thumb { padding: 15px; text-align: center; font-size: 28px; }
.lesson-card.islamic .lesson-thumb { background: rgba(245,158,11,0.08); }
.lesson-card.math .lesson-thumb { background: rgba(0,172,193,0.08); }
.lesson-card.physics .lesson-thumb { background: rgba(26,115,232,0.08); }
.lesson-card.history .lesson-thumb { background: rgba(167,139,250,0.08); }
.lesson-badge { display: inline-block; font-family: 'Tajawal', sans-serif; font-size: 9px; font-weight: 600; padding: 2px 10px; border-radius: 5px; margin: 0 15px 6px; }
.lesson-card.islamic .lesson-badge { background: rgba(245,158,11,0.15); color: #B45309; }
.lesson-card.math .lesson-badge { background: rgba(0,172,193,0.15); color: #0E7490; }
.lesson-card.physics .lesson-badge { background: rgba(26,115,232,0.15); color: #1E40AF; }
.lesson-card.history .lesson-badge { background: rgba(167,139,250,0.15); color: #6D28D9; }
.lesson-title { font-family: 'Tajawal', sans-serif; font-size: 14px; font-weight: 700; color: #1B1B2F; margin: 0 15px 4px; line-height: 1.4; }
.lesson-sub { font-family: 'Tajawal', sans-serif; font-size: 12px; color: #666; margin: 0 15px 15px; }
a.lesson-card { cursor: pointer; }
a.lesson-card .lesson-title { transition: color 0.2s ease; }
a.lesson-card:hover .lesson-title { color: var(--primary, #1A73E8); }
@media (max-width: 768px) { .lessons-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .lessons-grid { grid-template-columns: 1fr; } }
/* ===== EXAMS GRID ===== */
.exams-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 1060px; margin: 0 auto 30px; direction: rtl; }
.exam-card { display: flex; background: #FFFFFF; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; text-decoration: none; border: 1px solid #E8ECF0; transition: all 0.3s ease; }
.exam-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.12); transform: translateY(-2px); }
.exam-bar { width: 5px; flex-shrink: 0; }
.exam-bar.gold { background: #F59E0B; border-radius: 0 10px 10px 0; }
.exam-bar.blue { background: #1A73E8; }
.exam-bar.teal { background: #00ACC1; }
.exam-bar.purple { background: #A78BFA; }
.exam-content { padding: 15px; flex: 1; }
.exam-title { display: block; font-family: 'Tajawal', sans-serif; font-size: 15px; font-weight: 700; color: #1B1B2F; }
.exam-sub { display: block; font-family: 'Tajawal', sans-serif; font-size: 12px; color: #666; margin-top: 4px; }
@media (max-width: 768px) { .exams-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .exams-grid { grid-template-columns: 1fr; } }
/* Content sections shown only on homepage */
.home .content-section { display: block !important; }
/* ===== إصلاح التباين — خلفية فاتحة ونص داكن للمحتوى ===== */
body, .wrapper, .page-wrap, #wrapper, .inner-wrapper,
.content, .main-content, #main-content,
.post, .entry, article, .hentry, .single-post,
.category-page, .archive-page, .search-page,
.widget, .sidebar, .footer-widgets,
body.rtl, body.rtl .container {
background-color: #F5F7FA !important;
}
.post, .entry, article, .hentry,
.entry-content, .post-content, .the-content,
.post-inner, .entry-inner,
.content-area, .primary, #primary {
background-color: #FFFFFF !important;
color: #334155 !important;
}
.post p, .entry p, article p, .hentry p,
.post div, .entry div, article div,
.post span, .entry span,
.post-content, .entry-content {
color: #334155 !important;
}
.post h1, .entry h1, article h1,
.post h2, .entry h2, article h2,
.post h3, .entry h3, article h3,
.post h4, .entry h4, article h4 {
color: #1B1B2F !important;
}
body.rtl .main-nav, body.rtl #main-nav { background: #1B1B2F !important; }
body.rtl .footer, body.rtl #footer { background: #1B1B2F !important; }
.post-meta, .entry-meta { color: #64748B !important; }
.post-excerpt, .entry-summary { color: #475569 !important; }
.post:before, .entry:before, article:before,
.post:after, .entry:after, article:after {
background: transparent !important;
}
/* ===== عرض كامل — المحتوى بطول الشاشة ===== */
#wrapper, .wrapper, .inner-wrapper, .page-wrap, #page-wrap,
.container, .main-container, #main-container,
.content, #content, #main-content, .main-content,
.post, .entry, article, .hentry, .single-post,
.post-content, .entry-content, .the-content, .post-inner, .entry-inner,
.content-area, .primary, #primary {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
float: none !important;
box-sizing: border-box !important;
}
.post .entry, .page .entry, .single .entry,
.post .entry-content, .page .entry-content {
padding-left: 20px !important;
padding-right: 20px !important;
}
.content { padding: 15px 20px !important; }
.single #sidebar, .page #sidebar, .single .sidebar, .page .sidebar,
.single .widget-area, .page .widget-area { display: none !important; }
@media (max-width: 768px) {
.content { width: 100% !important; padding: 10px !important; float: none !important; }
#sidebar, .sidebar, .widget-area { display: none !important; }
.post .entry, .page .entry,
.post .entry-content, .page .entry-content {
width: 100% !important; max-width: 100% !important;
padding: 0 5px !important; box-sizing: border-box !important;
}
}
/* ===== توسيع بطاقات قائمة المواضيع ===== */
.post-listing, .posts-container,
body.archive .content, body.category .content, body.home .content {
display: block !important; width: 100% !important; max-width: 100% !important;
padding: 15px 10px !important; box-sizing: border-box !important;
}
.post-listing article, .posts-container article,
body.archive article, body.category article, body.home article {
width: 100% !important; max-width: 100% !important;
margin: 0 0 25px 0 !important; padding: 20px 25px !important;
background: #fff !important; border-radius: 12px !important;
box-shadow: 0 2px 10px rgba(0,0,0,.08) !important;
box-sizing: border-box !important; float: none !important; display: block !important;
}
.post-listing article h2, body.archive article h2, body.category article h2 {
font-size: 20px !important; line-height: 1.6 !important; margin: 10px 0 !important;
}
.post-listing article p, body.archive article p, body.category article p {
font-size: 16px !important; line-height: 1.8 !important; color: #475569 !important;
}
body.archive #sidebar, body.category #sidebar { display: none !important; }
/* ===== توسيع شريط أخبار السايدبار ===== */
.widget-container ul li, #sidebar ul li, .widget ul li {
padding: 10px 0 !important; font-size: 15px !important; line-height: 1.6 !important;
}
.widget-container ul li a, #sidebar ul li a, .widget ul li a {
font-size: 15px !important; line-height: 1.6 !important; display: block !important;
}
/* ===== إخفاء القائمة المنزلقة للجوال ===== */
@media (max-width: 768px) {
#slide-out-open, #slide-out, #open-slide-overlay, #mobile-menu {
display: none !important; visibility: hidden !important;
opacity: 0 !important; pointer-events: none !important;
position: fixed !important; left: -9999px !important;
}
.inner-wrapper, #wrapper, .wrapper-outer {
left: 0 !important; right: 0 !important;
transform: none !important; -webkit-transform: none !important;
}
}
.hide-slide-force { display: none !important; }
#dzc-hamburger, #dzc-rtl-overlay {
display: none !important; visibility: hidden !important;
opacity: 0 !important; pointer-events: none !important;
position: absolute !important; left: -99999px !important;
}
</style>
<script>
(function() {
try {
// Move slider and sections into position
var slider = document.getElementById('trending-news-slider');
if (!slider) return;
// Find content area
var content = document.querySelector('.content') ||
document.querySelector('#main-content') ||
document.querySelector('.post-content') ||
document.querySelector('article') ||
document.querySelector('.entry') ||
document.querySelector('main');
if (content && content.parentNode) {
content.parentNode.insertBefore(slider, content);
slider.classList.add('tn-shown');
} else {
var nav = document.querySelector('.main-nav, #main-nav, nav, header');
if (nav && nav.parentNode) {
nav.parentNode.insertBefore(slider, nav.nextSibling);
}
slider.classList.add('tn-shown');
}
// Ensure visibility on homepage
if (document.body.classList.contains('home')) {
slider.classList.add('tn-shown');
}
// Move sections after slider
var latest = document.getElementById('latest-lessons-section');
var exams = document.getElementById('exams-section');
if (latest && slider && slider.parentNode) {
slider.parentNode.insertBefore(latest, slider.nextSibling);
}
if (exams && latest && latest.parentNode) {
latest.parentNode.insertBefore(exams, latest.nextSibling);
}
} catch(e) {
console.log('Trending slider layout: fallback');
}
})();
</script>
<div id="reading-position-indicator"></div><script id="wp-hooks-js" src="https://dz-onec.com/wp-includes/js/dist/hooks.min.js"></script>
<script id="wp-i18n-js" src="https://dz-onec.com/wp-includes/js/dist/i18n.min.js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'rtl' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="swv-js" src="https://dz-onec.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js"></script>
<script id="contact-form-7-js-before">
var wpcf7 = {
"api": {
"root": "https:\/\/dz-onec.com\/wp-json\/",
"namespace": "contact-form-7\/v1"
}
};
//# sourceURL=contact-form-7-js-before
</script>
<script id="contact-form-7-js" src="https://dz-onec.com/wp-content/plugins/contact-form-7/includes/js/index.js"></script>
<script id="tie-scripts-js-extra">
var tie = {"mobile_menu_active":"true","mobile_menu_top":"true","lightbox_all":"true","lightbox_gallery":"true","woocommerce_lightbox":"","lightbox_skin":"dark","lightbox_thumb":"vertical","lightbox_arrows":"true","sticky_sidebar":"1","is_singular":"1","reading_indicator":"true","lang_no_results":"\u0644\u0627 \u0646\u062a\u0627\u0626\u062c","lang_results_found":"\u0627\u0644\u0646\u062a\u0627\u0626\u062c"};
//# sourceURL=tie-scripts-js-extra
</script>
<script id="tie-scripts-js" src="https://dz-onec.com/wp-content/themes/sahifa/js/tie-scripts.js"></script>
<script id="tie-ilightbox-js" src="https://dz-onec.com/wp-content/themes/sahifa/js/ilightbox.packed.js"></script>
<script id="tie-validation-js" src="https://dz-onec.com/wp-content/themes/sahifa/js/validation.js"></script>
<script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://dz-onec.com/wp-includes/js/comment-reply.min.js"></script>
<script id="tie-search-js" src="https://dz-onec.com/wp-content/themes/sahifa/js/search.js"></script>
<script defer id="akismet-frontend-js" src="https://dz-onec.com/wp-content/plugins/akismet/_inc/akismet-frontend.js"></script>
<!-- start Simple Custom CSS and JS -->
<style type="text/css">
(function(){
// ===== البيانات =====
const streams = {
science: { name: 'علوم تجريبية', coeffSum:30,
subjects: [
{n:'اللغة العربية',c:3},{n:'اللغة الفرنسية',c:2},{n:'اللغة الإنجليزية',c:2},
{n:'الرياضيات',c:5},{n:'الفيزياء',c:5},{n:'علوم طبيعة وحياة',c:6},
{n:'التاريخ والجغرافيا',c:2},{n:'الفلسفة',c:2},{n:'التربية الإسلامية',c:2},
{n:'التربية البدنية',c:1}
]},
math: { name: 'رياضيات', coeffSum:30,
subjects: [
{n:'اللغة العربية',c:3},{n:'اللغة الفرنسية',c:2},{n:'اللغة الإنجليزية',c:2},
{n:'الرياضيات',c:7},{n:'الفيزياء',c:5},{n:'علوم طبيعة وحياة',c:4},
{n:'التاريخ والجغرافيا',c:2},{n:'الفلسفة',c:2},{n:'التربية الإسلامية',c:2},
{n:'التربية البدنية',c:1}
]},
tech: { name: 'تقني رياضي', coeffSum:30,
subjects: [
{n:'اللغة العربية',c:3},{n:'اللغة الفرنسية',c:2},{n:'اللغة الإنجليزية',c:2},
{n:'الرياضيات',c:6},{n:'الفيزياء',c:6},{n:'علوم طبيعة وحياة',c:2},
{n:'التاريخ والجغرافيا',c:2},{n:'الفلسفة',c:2},{n:'التربية الإسلامية',c:2},
{n:'التربية البدنية',c:1}
]},
eco: { name: 'تسيير واقتصاد', coeffSum:30,
subjects: [
{n:'اللغة العربية',c:3},{n:'اللغة الفرنسية',c:2},{n:'اللغة الإنجليزية',c:2},
{n:'الرياضيات',c:4},{n:'الفيزياء',c:2},{n:'التسيير المحاسبي والمالي',c:6},
{n:'الاقتصاد والمناجمنت',c:4},{n:'التاريخ والجغرافيا',c:2},{n:'الفلسفة',c:2},
{n:'التربية الإسلامية',c:2},{n:'التربية البدنية',c:1}
]},
lit: { name: 'آداب وفلسفة', coeffSum:25,
subjects: [
{n:'اللغة العربية',c:5},{n:'اللغة الفرنسية',c:3},{n:'اللغة الإنجليزية',c:3},
{n:'الرياضيات',c:2},{n:'التاريخ والجغرافيا',c:4},{n:'الفلسفة',c:5},
{n:'التربية الإسلامية',c:2},{n:'التربية البدنية',c:1}
]},
lang: { name: 'لغات أجنبية', coeffSum:22,
subjects: [
{n:'اللغة العربية',c:3},{n:'اللغة الفرنسية',c:4},{n:'اللغة الإنجليزية',c:4},
{n:'الرياضيات',c:2},{n:'التاريخ والجغرافيا',c:3},{n:'الفلسفة',c:3},
{n:'التربية الإسلامية',c:2},{n:'التربية البدنية',c:1}
]}
};
const bems = {
normal: { name: 'BEM عادي',
subjects: [
{n:'اللغة العربية',c:4},{n:'الرياضيات',c:4},{n:'اللغة الفرنسية',c:3},
{n:'اللغة الإنجليزية',c:2},{n:'التاريخ والجغرافيا',c:2},{n:'العلوم الإسلامية',c:2},
{n:'العلوم الطبيعية',c:2},{n:'الفيزياء',c:2},{n:'الإعلام الآلي',c:1},
{n:'التربية البدنية',c:1},{n:'التربية الفنية',c:1},{n:'التربية المدنية',c:1}
]},
tech: { name: 'BEM تقني',
subjects: [
{n:'اللغة العربية',c:4},{n:'الرياضيات',c:5},{n:'اللغة الفرنسية',c:3},
{n:'اللغة الإنجليزية',c:2},{n:'التاريخ والجغرافيا',c:1},{n:'العلوم الإسلامية',c:1},
{n:'العلوم الطبيعية',c:1},{n:'الفيزياء',c:3},{n:'الإعلام الآلي',c:2},
{n:'التربية البدنية',c:1},{n:'التكنولوجيا',c:3}
]}
};
const middles = {
m1: { name: 'السنة الأولى متوسط',
subjects: [
{n:'اللغة العربية',c:3},{n:'الرياضيات',c:3},{n:'اللغة الفرنسية',c:2},
{n:'اللغة الإنجليزية',c:2},{n:'العلوم الطبيعية',c:2},{n:'الفيزياء',c:2},
{n:'التاريخ والجغرافيا',c:2},{n:'العلوم الإسلامية',c:2},{n:'الإعلام الآلي',c:1},
{n:'التربية البدنية',c:1},{n:'التربية الفنية',c:1},{n:'التربية المدنية',c:1}
]},
m2: { name: 'السنة الثانية متوسط',
subjects: [
{n:'اللغة العربية',c:3},{n:'الرياضيات',c:3},{n:'اللغة الفرنسية',c:2},
{n:'اللغة الإنجليزية',c:2},{n:'العلوم الطبيعية',c:2},{n:'الفيزياء',c:2},
{n:'التاريخ والجغرافيا',c:2},{n:'العلوم الإسلامية',c:2},{n:'الإعلام الآلي',c:1},
{n:'التربية البدنية',c:1},{n:'التربية الفنية',c:1},{n:'التربية المدنية',c:1}
]},
m3: { name: 'السنة الثالثة متوسط',
subjects: [
{n:'اللغة العربية',c:3},{n:'الرياضيات',c:3},{n:'اللغة الفرنسية',c:2},
{n:'اللغة الإنجليزية',c:2},{n:'العلوم الطبيعية',c:2},{n:'الفيزياء',c:2},
{n:'التاريخ والجغرافيا',c:2},{n:'العلوم الإسلامية',c:2},{n:'الإعلام الآلي',c:1},
{n:'التربية البدنية',c:1},{n:'التربية الفنية',c:1},{n:'التربية المدنية',c:1}
]},
m4: { name: 'السنة الرابعة متوسط',
subjects: [
{n:'اللغة العربية',c:3},{n:'الرياضيات',c:4},{n:'اللغة الفرنسية',c:3},
{n:'اللغة الإنجليزية',c:2},{n:'العلوم الطبيعية',c:3},{n:'الفيزياء',c:3},
{n:'التاريخ والجغرافيا',c:2},{n:'العلوم الإسلامية',c:2},{n:'الإعلام الآلي',c:1},
{n:'التربية البدنية',c:1},{n:'التربية المدنية',c:1}
]}
};
const primary = {
all: { name: 'الابتدائي (جميع السنوات)',
subjects: [
{n:'اللغة العربية',c:1},{n:'الرياضيات',c:1},{n:'اللغة الفرنسية',c:1},
{n:'التربية الإسلامية',c:1},{n:'التربية العلمية',c:1},{n:'التاريخ والجغرافيا',c:1},
{n:'التربية البدنية',c:1},{n:'التربية الفنية',c:1},{n:'التربية الموسيقية',c:1}
]}
};
// ===== Tab data registry =====
const tabData = {
bac: { subTabs: streams, defaultSub: 'science' },
bem: { subTabs: bems, defaultSub: 'normal' },
middle: { subTabs: middles, defaultSub: 'm1' },
primary: { subTabs: primary, defaultSub: 'all' },
custom: { subTabs: null, defaultSub: null }
};
// ===== الحالة =====
let currentTab = 'bac';
let currentSub = 'science';
let customSubjects = [];
let editingCoeff = null;
// ===== المراجع =====
const subjectsArea = document.getElementById('calcSubjects');
const rGrade = document.getElementById('rGrade');
const rMention = document.getElementById('rMention');
const rDetail = document.getElementById('rDetail');
const calcResult = document.getElementById('calcResult');
const streamTabsDiv = document.getElementById('streamTabs');
const totalCoeffEdit = document.getElementById('totalCoeffEdit');
// ===== الدوال =====
function getSubjectsFor(tab, sub) {
if (tab === 'custom') {
if (customSubjects.length === 0) {
customSubjects = [
{n:'المادة 1',c:1},{n:'المادة 2',c:1},{n:'المادة 3',c:1},
{n:'المادة 4',c:1},{n:'المادة 5',c:1}
];
}
return customSubjects;
}
const td = tabData
<div class="pane"></div>
;
return td.subTabs[sub] ? td.subTabs[sub].subjects : [];
}
function renderSubjects() {
let subs = getSubjectsFor(currentTab, currentSub);
if (currentTab === 'custom') {
totalCoeffEdit.style.display = 'block';
} else {
totalCoeffEdit.style.display = 'none';
}
let html = '';
subs.forEach((subj, idx) => {
const id = 's_' + idx;
html += '
<div class="calc-row">';
html += '
<div class="s-name">' + subj.n + '</div>
';
html += '
<div class="s-coeff" id="coeff_' + idx + '" onclick="window.__toggleCoeff(' + idx + ')">المعامل ' + subj.c + '</div>
';
html += '<input type="number" min="0" max="20" step="0.01" class="s-input" id="' + id + '" placeholder="00" oninput="window.__calc()">';
html += '</div>
';
});
subjectsArea.innerHTML = html;
// Restore any saved values
subs.forEach((subj, idx) => {
var el = document.getElementById('s_' + idx);
if (el && window.__saved && window.__saved[currentTab + '_' + currentSub + '_' + idx]) {
el.value = window.__saved[currentTab + '_' + currentSub + '_' + idx];
}
});
window.__calc();
}
window.__toggleCoeff = function(idx) {
var el = document.getElementById('coeff_' + idx);
var subs = getSubjectsFor(currentTab, currentSub);
if (!subs[idx]) return;
// If already editing, save
if (el.classList.contains('editing')) {
var inp = el.querySelector('input');
if (inp) {
var val = parseFloat(inp.value);
if (!isNaN(val) && val > 0) {
subs[idx].c = val;
el.innerHTML = 'المعامل ' + val;
el.classList.remove('editing');
window.__calc();
}
}
return;
}
var currentVal = subs[idx].c;
el.innerHTML = '<input type="number" value="' + currentVal + '" min="0.5" max="20" step="0.5" style="width:50px;padding:3px;border:1px solid #f57f17;border-radius:4px;text-align:center;font-family:inherit;font-size:12px;" onblur="window.__saveCoeff(' + idx + ',this.value)" onkeydown="if(event.key=='Enter')window.__saveCoeff(' + idx + ',this.value)">';
el.classList.add('editing');
var inp = el.querySelector('input');
if (inp) { inp.focus(); inp.select(); }
};
window.__saveCoeff = function(idx, valStr) {
var val = parseFloat(valStr);
var subs = getSubjectsFor(currentTab, currentSub);
if (!subs[idx]) return;
if (!isNaN(val) && val > 0) {
subs[idx].c = val;
}
var el = document.getElementById('coeff_' + idx);
if (el) {
el.innerHTML = 'المعامل ' + subs[idx].c;
el.classList.remove('editing');
window.__calc();
}
};
window.__calc = function() {
var subs = getSubjectsFor(currentTab, currentSub);
var totalWeighted = 0, totalCoeff = 0, allFilled = true, countFilled = 0, countTotal = 0;
subs.forEach(function(subj, idx) {
var el = document.getElementById('s_' + idx);
if (!el) return;
countTotal++;
var val = parseFloat(el.value);
if (!isNaN(val) && val >= 0 && val <= 20) {
totalWeighted += val * subj.c;
totalCoeff += subj.c;
countFilled++;
} else if (el.value !== '') {
allFilled = false;
} else {
allFilled = false;
}
});
// For custom tab, allow manual total coeff override
if (currentTab === 'custom') {
var manualCoeff = document.getElementById('manualTotalCoeff');
if (manualCoeff) {
var mc = parseFloat(manualCoeff.value);
if (!isNaN(mc) && mc > 0) {
totalCoeff = mc;
}
}
}
if (totalCoeff > 0) {
var avg = totalWeighted / totalCoeff;
rGrade.textContent = avg.toFixed(2) + ' / 20';
var mention, bg;
if (avg >= 16) { mention = 'ممتاز 🏆'; bg = 'linear-gradient(135deg, #1b5e20, #2e7d32)'; }
else if (avg >= 14) { mention = 'جيد جداً 🌟'; bg = 'linear-gradient(135deg, #1565c0, #1976d2)'; }
else if (avg >= 12) { mention = 'جيد 👍'; bg = 'linear-gradient(135deg, #e65100, #ef6c00)'; }
else if (avg >= 11) { mention = 'مستحسن ✅'; bg = 'linear-gradient(135deg, #4a148c, #6a1b9a)'; }
else if (avg >= 10) { mention = '🎉 مقبول'; bg = 'linear-gradient(135deg, #00695c, #00897b)'; }
else { mention = 'للتذكير: النجاح من 10 فما فوق'; bg = 'linear-gradient(135deg, #b71c1c, #c62828)'; }
rMention.textContent = mention;
calcResult.style.background = bg;
rDetail.textContent = 'المجموع: ' + totalWeighted.toFixed(2) + ' | مجموع المعاملات: ' + totalCoeff.toFixed(1) + ' | ' + countFilled + '/' + countTotal + ' مواد مدخلة';
// Save values
if (!window.__saved) window.__saved = {};
subs.forEach(function(subj, idx) {
var el = document.getElementById('s_' + idx);
if (el && el.value) {
window.__saved[currentTab + '_' + currentSub + '_' + idx] = el.value;
}
});
} else {
rGrade.textContent = '—';
rMention.textContent = 'أدخل العلامات لحساب المعدل';
calcResult.style.background = 'linear-gradient(135deg, #1a237e, #283593)';
rDetail.textContent = '';
}
};
// ===== بناء تبويبات المستويات الفرعية =====
function buildStreamTabs(tab) {
var td = tabData
<div class="pane"></div>
;
if (!td || !td.subTabs) {
streamTabsDiv.innerHTML = '';
return;
}
var firstKey = null;
var html = '';
for (var key in td.subTabs) {
if (!firstKey) firstKey = key;
var sub = td.subTabs[key];
html += '<button class="stream-tab' + (key === currentSub ? ' active' : '') + '" data-sub="' + key + '">' + sub.name + '</button>';
}
streamTabsDiv.innerHTML = html;
// If current sub isn't in this tab, set to first
if (!td.subTabs[currentSub] && firstKey) {
currentSub = firstKey;
}
// Attach events
streamTabsDiv.querySelectorAll('.stream-tab').forEach(function(btn) {
btn.addEventListener('click', function() {
streamTabsDiv.querySelectorAll('.stream-tab').forEach(function(b) { b.classList.remove('active'); });
this.classList.add('active');
currentSub = this.dataset.sub;
renderSubjects();
});
});
}
// ===== معالجة النقر على التبويبات الرئيسية =====
document.querySelectorAll('.calc-tab').forEach(function(btn) {
btn.addEventListener('click', function() {
document.querySelectorAll('.calc-tab').forEach(function(b) { b.classList.remove('active'); });
this.classList.add('active');
currentTab = this.dataset.tab;
renderSubjects();
buildStreamTabs(currentTab);
});
});
// ===== Custom: add subject button =====
var addBtn = document.createElement('div');
addBtn.style.cssText = 'text-align:center;margin-top:10px;';
addBtn.innerHTML = '<button onclick="window.__addSubject()" style="background:#1a237e;color:white;border:none;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;">+ إضافة مادة</button>';
subjectsArea.parentNode.insertBefore(addBtn, subjectsArea.nextSibling);
window.__addSubject = function() {
customSubjects.push({n:'مادة جديدة', c:1});
if (currentTab === 'custom') renderSubjects();
};
// ===== اختياري: تعديل مجموع المعاملات المخصص =====
document.getElementById('manualTotalCoeff').addEventListener('input', function() {
if (currentTab === 'custom') window.__calc();
});
// ===== التشغيل الأولي =====
renderSubjects();
buildStreamTabs('bac');
})();
</style>
<!-- end Simple Custom CSS and JS -->
<script id="qa-styling-js">
(function() {
"use strict";
function styleQA() {
var ps = document.querySelectorAll('.entry p, .post-entry p');
for (var i = 0; i < ps.length; i++) {
var p = ps[i];
var text = p.textContent.trim();
// Skip if already processed
if (p.className.indexOf('qa-') !== -1) continue;
// Skip if inside a pre-styled dark card (inline style)
var parent = p.parentElement;
var hasCardStyle = parent && parent.style &&
parent.style.background === '#1B1B2F';
if (hasCardStyle) continue;
// Skip if parent div has background:#1B1B2F in its style attribute
if (parent && parent.getAttribute('style') &&
parent.getAttribute('style').indexOf('background:#1B1B2F') !== -1) continue;
if (parent && parent.getAttribute('style') &&
parent.getAttribute('style').indexOf('background: #1B1B2F') !== -1) continue;
// Apply styling based on emoji prefix
if (text.indexOf('❓') === 0 || text.indexOf('❔') === 0) {
p.classList.add('qa-question');
} else if (text.indexOf('✅') === 0) {
p.classList.add('qa-answer');
} else if (text.indexOf('💡') === 0) {
p.classList.add('qa-tip');
} else if (text.indexOf('⚠️') === 0 || text.indexOf('❗') === 0) {
p.classList.add('qa-warning');
} else if (text.indexOf('📌') === 0 || text.indexOf('🔹') === 0) {
p.classList.add('qa-note');
}
}
}
// Run on DOM ready
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', styleQA);
} else {
styleQA();
}
// Also run after AJAX content loads
if (typeof jQuery !== 'undefined') {
jQuery(document).on('ajaxComplete', styleQA);
}
})();
</script>
<link rel='stylesheet' id='su-rtl-shortcodes-css' href='https://dz-onec.com/wp-content/plugins/shortcodes-ultimate/includes/css/rtl-shortcodes.css' media='all' />
<!-- Compliance by Hu-manity.co plugin v3.1.2 https://hu-manity.co/ -->
<div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Compliance by Hu-manity.co" style="background-color: rgba(50,50,58,1);"><div class="cookie-notice-container" style="color: #fff"><span id="cn-notice-text" class="cn-text-container">We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.</span><span id="cn-notice-buttons" class="cn-buttons-container"><button id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="Ok" style="background-color: #00a99d">Ok</button></span><button type="button" id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" aria-label="No"></button></div>
</div>
<!-- / Compliance by Hu-manity.co plugin --></body>
</html> 
مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.