alikka

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

4 پست در این موضوع قرار دارد

سلام دوستان 

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

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

ممنون 

0

به اشتراک گذاری این پست


لینک به پست

سلام

 

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

<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;
 		}
{

 

 

0

به اشتراک گذاری این پست


لینک به پست
در 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 

0

به اشتراک گذاری این پست


لینک به پست

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

 

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

<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;
 		}
{

 

 

 

 

 

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری