حذف تبلیغات شناور در ریسپانسیو

[saeed1988m]

با سلام
عزیزان طراح و ریسپانسیو کار یک سوال داشتم قالبی داریم ریسپانسیو شده و میخواییم بنر های شناور یا دیواری تا وقتی که سایز مناسب برای قرار گیری اون نباشه قابل روئیت نباشه
در واقع مزاحمت برا کاربر ایجاد نکنه
تشکر
گزینهfixed;bottom آیا کافی هست چون با قرار دادن اون هم باز در موبایل میاد
نمونه کد
شناور

<a title="-----" target="_blank" style="display:block;position:fixed;bottom:0%;right:0;z-index:9999;" href="http://www.----" rel="nofollow">
<img width="120" height="240" alt="----" src="-----"></img></a>

[mojtaba05]

سلام و وقت بخیر، عنصر مورد نظر رو انتخاب کنید و به اون مقدار display:none بدید، سپس این استایلی که نوشتید رو داخل مدیا کویری بگذارید که مایل نیستید در محدوده ی اون مدیا کویری نمایش داده بشه، مثلا:


a[href="http://www.----"]{display:none}


این رو بگذارید داخل چنین مدیا کویریی:



@media screen and (max-width: 480px{a[href="http://www.----"]{display:none}}


که در نمایشگرهای با عرض کمتر از 480 پیکسل مورد انتخابی رو نمایش نمی ده.

همچنین برای راحتی و کنترل راحت تر می تونید به تبلیغتون یک کلاس اختصاص بدید، مثلا:


<a class="floating-ad" title="-----" target="_blank" style="display:block;position:fixed;bottom:0%;right:0;z-index:9999;" href="http://www.----" rel="nofollow">


و سپس با انتخاب کلاس اون در فایل سی اس اس در عرض مورد نظر اون رو مخفی کنید، مثلا:



@media screen and (max-width: 480px{.floating-ad{display:none}}

[hamra]

از خاصیت media میتونید استفاده کنید .
بعنوان مثال میگید وقتی نمایشگر عرضش کمتر از 400 پیکسل بود دیگه فلان دیو نمایش داده نشود که در بالا مواردی رو دوستان ذکر کردند .