Cep telefonunda reklam boyutu

[Ferman]

Merhaba. Bir sorunum var. Siteye yerleştirdiğim reklamlar bilgisayarda problem çıkarmıyor ama mobil kullanıcılar reklamları masaüstü versiyonunda görüyor yani bilgisayardan forumda reklam boyutu ne kadarsa telefonda da aynı oluyor. bu yüzden forumda her şey küçük reklam her şeyden büyük. Masaüstünde reklamlar görünsün ama telefonda görünmesin nasıl yapabilirim?

[ESQARE]

Reklam için eklediğiniz html kodlarının arasına style="max-width:100%;" kodunu ekleyin.

[Ferman]

arasına derken? mesela (Reklam kodu) bunun neresine koymam gerekiyor?

edit - reklam kodumda html yok script şeklinde

[VSaBaH]

Merhaba. Bir sorunum var. Siteye yerleştirdiğim reklamlar bilgisayarda problem çıkarmıyor ama mobil kullanıcılar reklamları masaüstü versiyonunda görüyor yani bilgisayardan forumda reklam boyutu ne kadarsa telefonda da aynı oluyor. bu yüzden forumda her şey küçük reklam her şeyden büyük. Masaüstünde reklamlar görünsün ama telefonda görünmesin nasıl yapabilirim?

Bir gün birilerinin buna ihtiyaç duyacağınız biliyordum
viewtopic.php?t=21188

[Ferman]

Merhaba. Bir sorunum var. Siteye yerleştirdiğim reklamlar bilgisayarda problem çıkarmıyor ama mobil kullanıcılar reklamları masaüstü versiyonunda görüyor yani bilgisayardan forumda reklam boyutu ne kadarsa telefonda da aynı oluyor. bu yüzden forumda her şey küçük reklam her şeyden büyük. Masaüstünde reklamlar görünsün ama telefonda görünmesin nasıl yapabilirim?

Bir gün birilerinin buna ihtiyaç duyacağınız biliyordum
viewtopic.php?t=21188

Dostum bu konuya baktım daha önce. dediğin her şeyi yaptım - önbellek temizliği temaya reset falan da attım ama çalışmadı. lütfen ESQARE söylediği şeyi biraz açarmısın? html kodlarının arasına şunu ekle demiş.

Kod: Tümünü seç

style="max-width:100%;

tam olarak nereye eklemeliyim? mesela mesaj altına reklam ekliyorum

Kod: Tümünü seç

<!-- EVENT viewtopic_body_postrow_post_after -->

	REKLAM KODU

	<!-- END postrow -->

[ESQARE]

Basit bir banner reklam ekleyecekseniz img etiketlerinin arasına style="max-width:100%;" etiketini eklerseniz, sayfa küçüldüğünde ya da mobil uyumlu çözünürlüğe geldiğinde resim boyutları da otomatik olarak küçülür. Örnek olarak alttaki kodu inceleyin.

Kod: Tümünü seç

<a href="http://www.örneksite.com"><img src="örnekbanner.jpg" alt="örneksite" title="örneksite" style="max-width:100%;" /></a>

Adsense reklamı ekleyecekseniz, adsense panelinden duyarlı tasarım (responsive) destekli reklam kodları oluşturup zaten sitenize ekleyebiliyorsunuz.

Ya da başka bir yöntem olarak VSaBaH arkadaşın belirttiği makaleyi inceleyip uygulayabilirsiniz. Hata alıyorsanız da ilgili konudan nasıl hata aldığınızı paylaşırsanız yardım alabilirsiniz.