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

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

مشاهدة المشاركة في الموضوع بالعرض العادي

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

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

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;

 }

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

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