رفتن به مطلب

راهنمایی درمورد تغییر نمایش یک بنر در موبایل


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

سلام دوستان 

توی وبسایت من چندتا تبلیغات هست با ابعاد مثلا 200*400 حالا من میخوام وقتی که کسی صفحه رو با گوشی باز می کنه یه تبلیغ دیگه که مثلا سایزش 300*500 هست رو واسش نشون بده 

دوستان لطفا راهنمایی کنید که چطور باید این کار رو انجام بدم 

ممنون 

لینک به ارسال

سلام

 

شما میتونید برای مثال کد زیر رو در بخش مورد نظر سایتتون قرار بدید تا به نمایش دربیاد.

<div class="ads">
<a href="https://www.google.com" target="_blank" title="محل تبلیغات شما"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="محل تبلیغات شما" title="محل تبلیغات شما" width="272px" height="92px"></a>
</div>

 

کد زیر رو در style.css قرار بدید تا کلا غیرفعال بشه.

.ads{
	display:none;
}

 

اگر بخواهید فقط در نسخه موبایل نمایش داده بشه، فایل css تون رو باز کنید، احتمالا responsive.css و در بخشی که کد زیر یا مشابهش قرار داره بنویسید:

@media screen and (max-width: 768px){
	.ads{
		display:block;
 		}
{

 

 

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

سلام

 

شما میتونید برای مثال کد زیر رو در بخش مورد نظر سایتتون قرار بدید تا به نمایش دربیاد.


<div class="ads">
<a href="https://www.google.com" target="_blank" title="محل تبلیغات شما"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="محل تبلیغات شما" title="محل تبلیغات شما" width="272px" height="92px"></a>
</div>

 

کد زیر رو در style.css قرار بدید تا کلا غیرفعال بشه.


.ads{
	display:none;
}

 

اگر بخواهید فقط در نسخه موبایل نمایش داده بشه، فایل css تون رو باز کنید، احتمالا responsive.css و در بخشی که کد زیر یا مشابهش قرار داره بنویسید:


@media screen and (max-width: 768px){
	.ads{
		display:block;
 		}
{

 

 

ممنون بابت راهنماییتون ، اگه بخوام جایگزین بشه چی؟

یعنی توی حالت عادی فقط تبلیغات  200*400  رو نشون بده و تو حالت موبایل فقط تبلیغات  300*500 

لینک به ارسال

برای دو تبلیغ دو کلاس مختلف تعریف کنید.

 

با این کد تبلیغ زیر فقط در نسخه ویندوز نمایش داده میشه!

<div class="ads">
<a href="https://www.google.com" target="_blank" title="محل تبلیغات شما"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="محل تبلیغات شما" title="محل تبلیغات شما" width="272px" height="92px"></a>
</div>

 

	.ads{
		display:block;
 		}

@media screen and (max-width: 768px){
	.ads{
		display:none;
 		}
{

 

------------------------------------------

با این کد تبلیغ زیر فقط در نسخه موبایل نمایش داده میشه!

<div class="ads1">
<a href="https://www.google.com" target="_blank" title="محل تبلیغات شما"><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="محل تبلیغات شما" title="محل تبلیغات شما" width="272px" height="92px"></a>
</div>

 

	.ads1{
		display:none;
 		}

@media screen and (max-width: 768px){
	.ads{
		display:block;
 		}
{

 

 

 

 

 

لینک به ارسال

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

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

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

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

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

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

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

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

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