<!--انسخ الكود وضعه في صفحة جديدة باسم: الأسئلة الشائعة ومرجع الأيقونات--> <style> @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap'); .faq-wrapper { font-family: 'Tajawal', sans-serif; direction: rtl; text-align: right; color: #334155; background: #fff; padding: 30px; border-radius: 16px; border: 1px solid #e2e8f0; } .faq-header { text-align: center; margin-bottom: 40px; background: #f8fafc; padding: 30px; border-radius: 12px; border-bottom: 4px solid #3b82f6; } .faq-header h1 { margin: 0 0 10px; color: #1e293b; } /* جدول الأيقونات */ .social-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px; margin-bottom: 40px; } .social-item { background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 8px; padding: 10px; text-align: center; font-weight: bold; color: #475569; transition: 0.2s; } .social-item:hover { background: #3b82f6; color: #fff; border-color: #3b82f6; transform: translateY(-2px); } .copy-hint { font-size: 12px; display: block; margin-top: 5px; opacity: 0.7; font-weight: normal; } /* قسم الأسئلة */ .faq-box { margin-bottom: 20px; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; } .faq-q { background: #f1f5f9; padding: 15px 20px; font-weight: 800; color: #0f172a; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .faq-q::after { content: '+'; font-size: 20px; color: #3b82f6; } .faq-a { padding: 20px; display: none; background: #fff; color: #4b5563; line-height: 1.7; border-top: 1px solid #e2e8f0; } .faq-box.open .faq-a { display: block; } .faq-box.open .faq-q::after { content: '-'; } /* قسم الشريط العائم */ .dock-guide { background: #eff6ff; border: 1px dashed #60a5fa; padding: 20px; border-radius: 12px; margin-bottom: 40px; } .dock-item { display: flex; gap: 15px; margin-bottom: 10px; align-items: center; } .dock-icon { width: 30px; height: 30px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #bfdbfe; } </style> <div class="faq-wrapper"> <div class="faq-header"> <h1>الدعم الفني وحل المشاكل 🔧</h1> <p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgGshImHBPd8QBT-uknFQUq5inJwfNMzJ518kDEgewNLRrglmu25vYZ1zlr7dWvIuitSy_4fJ_4Hut5fpSfUpEp94x9mqueqrofTlsxbmJ080fTmd2V8OWuyCh_GFt_ToZB1TOcwcghR9-1dR3rzfGIjL4W7iz9VvCjtRRDWYxGCCf7T0kEtbcFLE69aCc" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="720" data-original-width="1280" height="1" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgGshImHBPd8QBT-uknFQUq5inJwfNMzJ518kDEgewNLRrglmu25vYZ1zlr7dWvIuitSy_4fJ_4Hut5fpSfUpEp94x9mqueqrofTlsxbmJ080fTmd2V8OWuyCh_GFt_ToZB1TOcwcghR9-1dR3rzfGIjL4W7iz9VvCjtRRDWYxGCCf7T0kEtbcFLE69aCc=rw" width="1" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEh7hPMBDu6mv6SX0uC7r1cuXgd7mg4_p_ymQQ1xwAwFh6KAkc0cQzpICagdHwQDpgYMQNYs2oENoMMKsJfrxlP0oS4Ovr_nLA3ymBiqpjHzQu588UD1ENQFhYQ1yKPGp5dKcMHQwTWl1wKiCWSkIPMAsXklmZZJsiWKC_hYaJjtEw0_mcYYF_vCb0eAH6Q" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="720" data-original-width="1280" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEh7hPMBDu6mv6SX0uC7r1cuXgd7mg4_p_ymQQ1xwAwFh6KAkc0cQzpICagdHwQDpgYMQNYs2oENoMMKsJfrxlP0oS4Ovr_nLA3ymBiqpjHzQu588UD1ENQFhYQ1yKPGp5dKcMHQwTWl1wKiCWSkIPMAsXklmZZJsiWKC_hYaJjtEw0_mcYYF_vCb0eAH6Q=s16000-rw" /></a></div><br /><p></p><p>مرجع أسماء الشبكات الاجتماعية وحلول لأشهر الاستفسارات.</p> </div> <!--1. مرجع الأيقونات--> <h2 style="border-right: 5px solid rgb(59, 130, 246); padding-right: 15px;">1. أسماء شبكات التواصل (مهم جداً)</h2> <p>لكي تظهر أيقونات التواصل الاجتماعي (في الهيدر، الفوتر، أو السايدبار)، يجب عليك كتابة <b>"اسم الموقع"</b> باللغة الإنجليزية كما هو موضح في هذا الجدول بالضبط (الحروف الكبيرة والصغيرة تفرق):</p> <div class="social-grid"> <div class="social-item">Facebook <span class="copy-hint">فيسبوك</span></div> <div class="social-item">Twitter <span class="copy-hint">تويتر (X)</span></div> <div class="social-item">Instagram <span class="copy-hint">انستجرام</span></div> <div class="social-item">YouTube <span class="copy-hint">يوتيوب</span></div> <div class="social-item">WhatsApp <span class="copy-hint">واتساب</span></div> <div class="social-item">Telegram <span class="copy-hint">تيليجرام</span></div> <div class="social-item">LinkedIn <span class="copy-hint">لينكد إن</span></div> <div class="social-item">Pinterest <span class="copy-hint">بينترست</span></div> <div class="social-item">tumblr <span class="copy-hint">تمبلر</span></div> </div> <p style="color: #ef4444; font-size: 13px;">* إذا كتبت الاسم بشكل خاطئ (مثلاً "facebook" بحرف صغير أو "فيس بوك")، سيظهر مربع فارغ بدون أيقونة.</p> <hr style="border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(203, 213, 225); border: 0; margin: 40px 0px;" /> <!--2. الشريط العائم--> <h2 style="border-right: 5px solid rgb(16, 185, 129); padding-right: 15px;">2. الشريط الجانبي العائم (الإعدادات)</h2> <div class="dock-guide"> <p>يوجد زر "ترس" ⚙️ عائم على يمين أو يسار الموقع. عند الضغط عليه تظهر قائمة تحكم:</p> <div class="dock-item"> <div class="dock-icon">A+</div> <div> <b>التحكم في حجم الخط:</b> <span style="display: block; font-size: 13px;">تظهر هذه الأزرار <b>فقط داخل المقالات</b>. تسمح للزائر بتكبير وتصغير خط المقال لراحة عينه. لا تظهر في الصفحة الرئيسية.</span> </div> </div> <div class="dock-item"> <div class="dock-icon">🔔</div> <div> <b>جرس الإشعارات:</b> <span style="display: block; font-size: 13px;">يعمل تلقائياً. يضيء باللون الأحمر عند نشر مقال جديد في المدونة لتنبيه الزائر.</span> </div> </div> <div class="dock-item"> <div class="dock-icon">🌙</div> <div> <b>الوضع الليلي:</b> <span style="display: block; font-size: 13px;">للتبديل بين الوضع النهاري والليلي. يتم حفظ اختيار الزائر تلقائياً.</span> </div> </div> </div> <hr style="border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(203, 213, 225); border: 0; margin: 40px 0px;" /> <!--3. الأسئلة الشائعة--> <h2 style="border-right: 5px solid rgb(245, 158, 11); padding-right: 15px;">3. مشاكل وحلول (FAQ)</h2> <div class="faq-box"> <div class="faq-q" onclick="toggleFaq(this)">1. المساعد الذكي (AI) لا يجيب أو يظهر خطأ؟</div> <div class="faq-a"> تأكد من الآتي: <ul> <li>أنك قمت بإنشاء صفحة <b>AI-Config</b> بشكل صحيح (راجع صفحة شرح الذكاء الاصطناعي).</li> <li>أن مفتاح API الذي نسخته من جوجل صالح ولم يتم حذفه.</li> <li>أنك نسخت الكود داخل الصفحة في وضع <b>"عرض HTML"</b> وليس وضع الكتابة العادي.</li> </ul> </div> </div> <div class="faq-box"> <div class="faq-q" onclick="toggleFaq(this)">2. الميجا منيو لا تظهر الصور؟</div> <div class="faq-a"> الميجا منيو تعتمد على <b>"اسم التصنيف"</b>. تأكد أن الاسم الذي كتبته في القائمة (مثلاً: <code>[mega] تكنولوجيا</code>) يطابق تماماً اسم التصنيف (Label) الموجود في مقالاتك. إذا اختلف حرف واحد، لن تظهر المقالات. </div> </div> <div class="faq-box"> <div class="faq-q" onclick="toggleFaq(this)">3. كيف أحذف حقوق المصمم من الفوتر؟</div> <div class="faq-a"> القالب محمي برمجياً. حذف حقوق المصمم سيؤدي إلى توقف القالب عن العمل فوراً وظهور رسالة تحذيرية. يرجى احترام حقوق التطوير للحصول على التحديثات والدعم. </div> </div> <div class="faq-box"> <div class="faq-q" onclick="toggleFaq(this)">4. صور الموقع تظهر بجودة منخفضة؟</div> <div class="faq-a"> القالب يستخدم نظام ذكي لضغط الصور لتسريع الموقع. تأكد دائماً أنك ترفع الصورة البارزة للمقال بجودة عالية (على الأقل 800px عرض). القالب سيقوم بإنشاء نسخ مصغرة منها تلقائياً للأماكن المختلفة. </div> </div> </div> <script> function toggleFaq(element) { element.parentElement.classList.toggle('open'); } </script>