- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .
مشكلة اعلانات ادسنس في ستايل فاست بلو (Fast Blue)
-
-
مشكلة اعلانات ادسنس في ستايل فاست بلو (Fast Blue)06-03-2026 11:10 مساءً
-
جنرال الحبمعلومات الكاتبعضو
- انضم في :
- 17-12-2013
- رقم العضوية :
- 4721
- المشاركات :
- 492
- الدولة :
- الاردن
- الجنس:
- تاريخ الميلاد :
- 25-8-1981
- قوة السمعة:
- 430
- موقعي:
- زيارة موقعي
-
ارسلت كود CSS الى gemini ليفحص المسبب لهذه المشكلة انظر الى رده
بعد فحص الكود الخاص بك، المشكلة التي تتسبب في خروج إعلانات أدسنس عن حدود الصفحة (Overflow) أو جعل الصفحة تهتز وتتحرك يميناً ويساراً هي تحديد عرض ثابت أو غير مرن للحاويات الرئيسية مع وجود
CODEpadding
أو
CODEmargin
إضافي.
إليك المتهمين الرئيسيين في الكود الخاص بك وكيفية إصلاحهم:
1. المشكلة في
CODEdiv.pbboard_body
و
CODEdiv.pbb_main
لديك هذا الكود:
CODEdiv.pbb_main { width: 95%; margin: auto; } div.pbboard_body { width: 95%; margin: auto; }
لماذا يسبب مشكلة؟ عندما تضع إعلان أدسنس داخل حاوية عرضها
CODE95%
على شاشات الموبايل الصغيرة، أحياناً يقوم أدسنس بحساب عرض الإعلان بناءً على الشاشة كاملة، أو قد يكون لدى الحاوية "Padding" داخلي يضاف إلى العرض، مما يجعل الإجمالي يتخطى
CODE100%
.
2. مشكلة
CODEwhite-space: nowrap !important;
(من الكود السابق)
في ردك السابق، كان هناك كود للروابط يحتوي على:
CODE.footer-links li a { white-space: nowrap !important; }
إذا كان هناك رابط طويل جداً داخل الفوتر، هذا الأمر يمنعه من النزول لسطر جديد، فيقوم "بمط" الصفحة بالعرض لتناسب طول الرابط، وهذا يخرج الإعلانات عن مسارها.
3. غياب خاصية التجاوب الشاملة للهواتف
الكود يفتقد لخاصية تضمن عدم خروج أي عنصر (سواء إعلان أو صورة) عن حدود الشاشة.
الحل المقترح (أضف هذا الكود في نهاية ملف CSS):
لحل مشكلة خروج الإعلانات وتمدد الصفحة، قم بإضافة هذه السطور الإضافية التي ستجبر العناصر على البقاء داخل الحدود:
CODE/* منع خروج أي عنصر خارج حدود الشاشة */ html, body { max-width: 100%; overflow-x: hidden; /* يمنع التمرير الجانبي */ } /* إصلاح عرض الحاويات الرئيسية للموبايل */ div.pbboard_body, div.pbb_main { width: 98% !important; /* تكبير المساحة قليلاً للمحتوى */ max-width: 100vw; /* التأكد أنها لا تتخطى عرض الشاشة */ box-sizing: border-box; /* لضمان حساب الـ padding من ضمن العرض */ } /* إجبار إعلانات أدسنس على التجاوب */ ins.adsbygoogle { max-width: 100% !important; display: block !important; overflow: hidden !important; } /* إصلاح الروابط الطويلة في الفوتر */ .footer-links li a { white-space: normal !important; /* السماح للنص بالنزول لسطر جديد إذا كان طويلاً */ word-break: break-all; }
نصيحة إضافية بخصوص أدسنس:
إذا كنت تستخدم "الإعلانات التلقائية" (Auto Ads)، أحياناً يضع أدسنس إعلانات تسمى "Vignette" أو إعلانات عريضة جداً. يفضل دائماً وضع الكود الإعلاني داخل
CODEdiv
مع إعطاؤه الخاصية التالية:
CODE<div style="width: 100%; overflow: hidden;"> </div>
انتهى ------------
قمت باضافة الكود قبل الاخير في اخر ملف CSS وتم حل المشكلة فعلا
ارجو الاتطلاع عليه وان تختار لنا افضل حل
بارك الله في جهودك
الساعة الآن 11:31 AM