رفتن به مطلب

بنر گوشه ای


پست های پیشنهاد شده

سلام دوستان

می خوام یه بنر گوشه ای بزارم که فقط در نسخه موبایلی نشون داده بشه باید چه کدی استفاده کنم؟

 

لینک به ارسال

انتهای کدهای css این کلاس رو اضافه گن و استایل های رو داخلش قرار بده

 

@media (max-width: 480px) {
your cods in here
}

 

لینک به ارسال
در 9 دقیقه قبل، فرهاد گفته است :

انتهای کدهای css این کلاس رو اضافه گن و استایل های رو داخلش قرار بده

 


@media (max-width: 480px) {
your cods in here
}

 

مرسی دوست من ولی لطف می کنی قسمت استایل هاش رو هم بفرمایید :D

یه فایل png گوشه پایین سمت چپ میزارم اینشو مشکل ندارم ولی جچوری تو نسخه دسکتاپ هاید بشه!

لینک به ارسال

سلام و درود @MAH230

 

منظور @فرهاد جان اینه که اگر مثلا کلاس اون تبلیغ شما که الان گذاشتیدش گوشه پایین سمت چپ مثلا tabligh هست بیاید توسط display مخفیش کنید.

مثلا اگر الان کدش اینه:

.tabligh {
position: fixed;
bottom: 0;
left: 0;
}

بشه:

.tabligh {
position: fixed;
bottom: 0;
left: 0;
display: none;
}

بعدش توی سایز ویوپورت 480 پیکسل مثلا اینجا نقش سایز صفحه موبایل رو بازی میکنه از حالت مخفی خارج بشه.

@media (max-width: 480px) {
  .tabligh {
  	display: block;
  }
}

البته برای شناسایی دقیق اینکه دیوایس کاربر موبایله یا نه با سایز ویوپورت نمیشه باید از جاوا اسکریپت استفاده کنید.

 

موفق باشید

لینک به ارسال
در 26 دقیقه قبل، mehran-b گفته است :

سلام و درود @MAH230

 

منظور @فرهاد جان اینه که اگر مثلا کلاس اون تبلیغ شما که الان گذاشتیدش گوشه پایین سمت چپ مثلا tabligh هست بیاید توسط display مخفیش کنید.

مثلا اگر الان کدش اینه:


.tabligh {
position: fixed;
bottom: 0;
left: 0;
}

بشه:


.tabligh {
position: fixed;
bottom: 0;
left: 0;
display: none;
}

بعدش توی سایز ویوپورت 480 پیکسل مثلا اینجا نقش سایز صفحه موبایل رو بازی میکنه از حالت مخفی خارج بشه.


@media (max-width: 480px) {
  .tabligh {
  	display: block;
  }
}

البته برای شناسایی دقیق اینکه دیوایس کاربر موبایله یا نه با سایز ویوپورت نمیشه باید از جاوا اسکریپت استفاده کنید.

 

موفق باشید

زحمت جاوا اسکریپتشو برام می کشید؟

هزینشم در خدمتم

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...