أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

مشكلة اعلانات ادسنس في ستايل فاست بلو (Fast Blue)


مشاهدة المشاركة في الموضوع بالعرض العادي
look/images/icons/i1.gif مشكلة اعلانات ادسنس في ستايل فاست بلو (Fast Blue)
  06-03-2026 11:10 مساءً  
جنرال الحب
معلومات الكاتب
 ارسلت كود  CSS الى gemini ليفحص المسبب لهذه المشكلة انظر الى رده
بعد فحص الكود الخاص بك، المشكلة التي تتسبب في خروج إعلانات أدسنس عن حدود الصفحة (Overflow) أو جعل الصفحة تهتز وتتحرك يميناً ويساراً هي تحديد عرض ثابت أو غير مرن للحاويات الرئيسية مع وجود

CODE
padding

أو

CODE
margin

إضافي.
إليك المتهمين الرئيسيين في الكود الخاص بك وكيفية إصلاحهم:

1. المشكلة في

CODE
div.pbboard_body

و

CODE
div.pbb_main

لديك هذا الكود:
CODE
div.pbb_main {
     width: 95%;
     margin: auto;
 }
 div.pbboard_body {
     width: 95%;
     margin: auto;
 } 


لماذا يسبب مشكلة؟ عندما تضع إعلان أدسنس داخل حاوية عرضها

CODE
95%

على شاشات الموبايل الصغيرة، أحياناً يقوم أدسنس بحساب عرض الإعلان بناءً على الشاشة كاملة، أو قد يكون لدى الحاوية "Padding" داخلي يضاف إلى العرض، مما يجعل الإجمالي يتخطى

CODE
100%

.
2. مشكلة

CODE
white-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" أو إعلانات عريضة جداً. يفضل دائماً وضع الكود الإعلاني داخل

CODE
div

مع إعطاؤه الخاصية التالية:
CODE
<div style="width: 100%; overflow: hidden;">
   </div> 


انتهى ------------

قمت باضافة الكود قبل الاخير في اخر ملف  CSS وتم حل المشكلة فعلا 
ارجو الاتطلاع عليه وان تختار لنا افضل حل 
بارك الله في جهودك


الساعة الآن 11:31 AM