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

ستايلات Styles

مشاكل وحلول الاستايلات

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

الصفحة 2 من 3

الأخيرة

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

06-03-2026 03:04 صباحاً

جنرال الحب

اعلانات ادسنس تظهر بشكل غير متوافق مع الجوال بحيث تظهر صفحة جانبيه اخرى
كما في الصورة المرفقة
مشكلة اعلانات ادسنس في ستايل فاست بلو (Fast Blue)

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

06-03-2026 05:03 صباحاً [1]

Soliman

حرر اعلانات ادسنس من لوحة ادارة المنتدى
و جرب تغليف كود أدسنس بـ div بسيط مثل هذا لمنع خروج محتوى الاعلانات الغير متجاوبة التي تكون بابعاد ثابته مثل 551px :

CODE

<div style="max-width: 100% !important; overflow: hidden !important;">
 هنا كود الاعلان
 </div>

اذا انحلت المشكلة
عليك الدخول إلى حسابك في أدسنس
وتأكد من لوحة تحكم أدسنس أن "الإعلانات المتجاوبة" مفعلة.
اعتقد يمكنك تعديلها من القائمة الجانبية، ابحث عن "إعدادات الإعلانات".
تأكد من تفعيل خيار "تحسين الإعلانات الحالية" (Ad settings optimization).
والأهم: ابحث عن خيار "إعلانات الشاشة العريضة" (Wide screen ads) في قسم "شكل الإعلان"،
وقم بإلغاء تفعيله إذا كانت الإعلانات تظهر بشكل سيء على فايرفوكس التي ذكرتها سابقا.

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

06-03-2026 05:28 صباحاً [2]

جنرال الحب

انا حاليا استخدم الاعلانات التلقائية فقط وخيار تحسينها ايضا مفعل
لا استخدم الاعلانات الثابته ابدا
اعتقد المشكلة في ال footer كيف يمكنني تصغيره العرض قليلا او بنفس حجم ما فوقه

: تم تحرير المشاركة بواسطة :جنرال الحب بتاريخ:06-03-2026 05:44 صباحاً

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

06-03-2026 11:10 مساءً [3]

جنرال الحب

ارسلت كود 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 وتم حل المشكلة فعلا
ارجو الاتطلاع عليه وان تختار لنا افضل حل
بارك الله في جهودك

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

07-03-2026 01:16 صباحاً [4]

Soliman

الحل الأخير اليس هو نفسه ماعرضته لك في اول رد لي

ايضا الذكاء الصناعي يقترح عليك اضافة عنصر overflow-x: hidden; في حاوية body الرئيسية هذا اعتبره من المحرمات في التصميم
سيتعارض مع اي عنصر اخر في الاستايل لديه مثل position: sticky أو position: absolute وهو ليس حل حقيقي مجرد اخفاء المشاكل الحقيقية في التصميم
بدلاً من حل السبب الحقيقي لخروج عنصر خارج الشاشة، يتم فقط إخفاء النتيجة.
مثال سيتسبب في ثبيت الشريط العلوي .nav_header_bar-top الذي يفترض به ان يتحرك تلقائيا بخاصية position: sticky; عند التصفح للشاشات الصغيرة
يتعارض مع

CSS

@media (max-width: 768px) {

   .nav_header_bar-top {

     position: -webkit-sticky !importantabsolute;

     position: sticky;

     top: 0;

     width: 100%;

     z-index: 1000;

   }

 }

هذا ايضا يطبق نفس الحل الذي اوردته لك في اول رد لي يطبق على اعلانات ادسنس فقط وهو جيد ابقه

CODE

 ins.adsbygoogle {
     max-width: 100% !important;
     display: block !important;
     overflow: hidden !important;
 }

ايضا هذا ليس حل صحيح فروابط الفوتر لا تخرج عن الاطار

CODE

 .footer-links li a {
     white-space: normal !important; /* السماح للنص بالنزول لسطر جديد إذا كان طويلاً */
     word-break: break-all;
 }

لما لأن عنصر .footer-links li الذي يحتويها مغلف بالأساس بعرض width: 100%; فهي ستنزل سطر ولن تخرج

تبقى لديك هذا الكود

CODE

 div.pbboard_body, div.pbb_main {
     width: 98% !important; /* تكبير المساحة قليلاً للمحتوى */
     max-width: 100vw;      /* التأكد أنها لا تتخطى عرض الشاشة */
     box-sizing: border-box; /* لضمان حساب الـ padding من ضمن العرض */
 }

لست متأكد منه لكن لا مشكلة به ولربما هو الحل الذي تبحث عنه لا اعلم خصوصا باضافة عنصر max-width: 100vw;
وبالنسبة لعنصر box-sizing: border-box; لا حاجة لإضافته سيكون تكرار لأنه معتمد في التصميم من الأساس في

CSS

* {

     box-sizing: border-box;

     margin: 0;

     padding: 0;

 }

لأن * يطبّق الخاصية على كل العناصر العادية في الصفحة بالتالي هو تكرار
لكن قد تكون في اعلانات ادسنس عناصر وهمية بالتالي يمكنك استخدام هذا

CSS



 *, *::before, *::after {

 box-sizing: border-box;

 }

حاليا استبدل الكود من الذكاء الاصطناعي بالكامل بهذا الكود

CSS



 *, *::before, *::after {

 box-sizing: border-box;

 } 

 html {

     max-width: 100%;

 }



 div.pbboard_body, div.pbb_main {

     width: 98% !important;

     max-width: 100vw;

 }



 ins.adsbygoogle {

     max-width: 100% !important;

     display: block !important;

     overflow: hidden !important;

 }



 iframe {

     max-width: 100% !important;

 }

اذا انحلت المشكلة فطبق التالي كل مره امسح حاويه
يعني كمثال تمسح هذا

CSS

ins.adsbygoogle {

     max-width: 100% !important;

     display: block !important;

     overflow: hidden !important;

 }

وعد وشاهد المنتدى حتى تصل للحاويه الصحيحه التي تحل المشكلة وابلغنا
لماذا اقول الحل هو سيكون انت من يجده
لأن المشكلة تظهر لديك انت فقط ولا تظهر لدي اي مشكلة عند تصفح منتداك سواء من الجوال او من سطح المكتب
بالتالي ان لم يكن امامي مشكلة اراها بعيني فلا يمكنني ان اعرف الحل الصحيح المؤكد واحتاج منك انت ايجاده وابلاغنا به بشكل صحيح ومؤكد.
@جنرال الحب

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

07-03-2026 03:07 صباحاً [5]

جنرال الحب

نعم طبقت ما ذكرت عند حذف هذا الكود

CODE

 ins.adsbygoogle {
     max-width: 100% !important;
     display: block !important;
     overflow: hidden !important;
 }

تعود المشكلة
قمت بإزالة الباقي ووضعته لوحده فقط

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

07-03-2026 04:05 صباحاً [6]

Soliman

نعم هذا الحل المتعارف عليه لجعل اعلانات ادسنس الغير متجاوبة لا تخرج عن الاطار في الشاشات الصغيرة
والبعض الأخر يغلف كود الاعلان بكود مثل وهو مشابه لما ذكرته لك في اول رد

CODE

<div style="max-width: 100% !important; display: block !important; overflow: hidden !important;">
كود اعلانات ادسنس
</div>

هل تم حل هذه المشكلة !

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

07-03-2026 04:54 صباحاً [7]

جنرال الحب

هذا الكود

CODE

<div style="max-width: 100% !important; display: block !important; overflow: hidden !important;">
 كود اعلانات ادسنس
 </div>

لم يحل مشكلة الصفحة الجانبية الثانية على الجوال لاكني ابقيته
اما هذا الكود

CODE

 ins.adsbygoogle {
     max-width: 100% !important;
     display: block !important;
     overflow: hidden !important;
 }

عند ازالته تعود الصفحة الجانبية مرة اخرى

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

07-03-2026 08:17 مساءً [8]

Soliman

هل تبقى مشاكل لديك تخص اعلانات ادسنس لم يتم حلها !

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

07-03-2026 10:45 مساءً [9]

جنرال الحب

للاسف اليوم ظهرت المشكلة مرة اخرى اعدت كود الذكاء الاصطناعي للتجربه مرة اخرى يبدو انه نوع معين من الاعلانات لم يظهر في الامس

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

08-03-2026 05:21 صباحاً [10]

Soliman

المشاركة الأصلية كتبت بواسطة: جنرال الحب بتاريخ: 07-03-2026 10:45 مساءًللاسف اليوم ظهرت المشكلة مرة اخرى اعدت كود الذكاء الاصطناعي للتجربه مرة اخرى يبدو انه نوع معين من الاعلانات لم يظهر في الامس

انت بالذات ساثق اذا اخبرتنا ان هناك مشكلة لذلك لايمكنني تجاوز ذلك

سأجري تعديل أخير على ستايل فاست بلو لتضيق الخناق على جميع العناصر الغير متجاوبة سواء كانت اعلانات ادسنس او غيرها الموجودة بداخل جسم pbboard_body لعدم خروجها من الاطار مهما كانت غير متجاوبة.
لأن هذا الاستايل سيعتمد رسميا كبناء اساسي لجميع الاستايلات المستقبلية فلا بد ان يتم حل هذه المشكلة ان كانت بسبب الاستايل

لذلك طبق ما اقوله لك حرفيا ولا تخرج عن اطار توجيهاتي ودعك من الذكاء الاصطناعي قليلا فهو قد يزيد الطين بله
أولا: احذف ستايل فاست بلو من التحكم بالاستايلات
ثم احذف المجلد الخاص به fast_blue الموجود في مجلد styles
ثم توجه لموضوع الاستايل واعد تحميل الاستايل من جديد هنا فقد حدثته قبل قليل لأجل حل هذه المشكلة التي تواجهها
https://pbboard.info/forums/t25211
ثم اعد تركيب الاستايل من جديد
وبعد تركيبه لا تقم بتعديل اي شيء بالقوالب او الاستايل css
كما يمكنك ايضا حذف التغليف الذي وضعته على كود الاعلان الذي ذكرته لك في اول رد
واختبر الأمر و إن شاء الله تنحل معك مشكلة خروج اعلانات ادسنس عن الاطار

موفق

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

08-03-2026 10:50 صباحاً [11]

جنرال الحب

تم جاري التجربة
بارك الله في جهودك

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

08-03-2026 07:18 مساءً [12]

Soliman

المشاركة الأصلية كتبت بواسطة: جنرال الحب بتاريخ: 08-03-2026 10:50 صباحاًتم جاري التجربة
بارك الله في جهودك

ما الأخبار هل حلت مشكلة اعلانات ادسنس !

الصفحة 2 من 3

الأخيرة

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
كيف منع ظهور اعلانات ادسنس لمجموعة معينه	مكلاوي	2	308	مكلاوي
هاك عدم عرض اعلانات ادسنس لمجموعات محددة	عبد العزيز	5	1852	Janatna.com
هل يوجد طريقة لمنع ظهور اعلانات ادسنس داخل الموضوع	جنرال الحب	4	592	Soliman
مشكلة فى ملحق سياسة الخصوصيه واعلانات ادسنس	abousenae	7	648	kareem
ممكن مساعدة فى اعلانات ادسنس	abousenae	12	625	kareem

الكلمات الدلالية

اعلانات

« كيف يمكنني استخدام الوضع اليلي ﻻستايل هيلبرنت | مشكلة عدم توافق ستايل فاست بلو (Fast Blue) مع متصفح Firefox »

الساعة الآن 02:09 AM