Tarayıcı boyutuna göre boyut ve konum ayarlama

26.05.2020 01:51

OguzhanOzyurt WM Aracı Kullanıcı

Üyelik 09.08.2019
Yaş/Cinsiyet 31 / E
Meslek WM
Konum İstanbul Anadolu

Ad Soyad O** Ö**
Mesajlar 10
Beğeniler 0 / 1
Ticaret 0, (%0)

Merhaba herkese,
Sitelerimde sağ ve sol tarafta adsense reklamları koyuyorum ekran tam boyuttayken sorun yok fakat ekran boyutu küçültüldüğünde reklamlar sabit kalıp içeriğin üzerine biniyor bunu nasıl engelleyebilirim?
Kullandığım kodu aşağıya bırakıyorum siteleri de isteyen olursa yazabilirim.









<script></script>



     style="display:inline-block;width:160px;height:600px"

     data-ad-client="ca-pub-xxxxxxxxxxxxxx"

     data-ad-slot="xxxxxxxxxxx">

<script>

     (adsbygoogle = window.adsbygoogle || []).push({});

</script>

















<script></script>



     style="display:inline-block;width:160px;height:600px"

     data-ad-client="ca-pub-xxxxxxxxxxxxxx"

     data-ad-slot="xxxxxxxxxx">

<script>

     (adsbygoogle = window.adsbygoogle || []).push({});

</script>

26.05.2020 02:00

#2

118baran WM Aracı Kullanıcı

Üyelik 30.09.2017
Yaş/Cinsiyet 21 / E
Meslek Öğrenci
Konum Mardin

Ad Soyad B** K**
Mesajlar 471
Beğeniler 127 / 126
Ticaret 9, (%100)

Hocam şu şekilde yapabilirsiniz. Kullanıcın tarayıcı bilgisine göre reklam gösterebilirsiniz.
Tarayıcı bilgisi alırken android vb. Bilgide verir if yardımıyla gelen değere karşılık reklam gösterimi sağlayabilirsiniz.

Bu linkten örnek alabilirsiniz : https://www.php.net/manual/tr/function.get-browser.php

26.05.2020 02:04

#3

OguzhanOzyurt WM Aracı Kullanıcı

Üyelik 09.08.2019
Yaş/Cinsiyet 31 / E
Meslek WM
Konum İstanbul Anadolu

Ad Soyad O** Ö**
Mesajlar 10
Beğeniler 0 / 1
Ticaret 0, (%0)

Tarayıcı bilgisinden ziyade ekran boyutu değişikliklerinde sorun yaşıyorum. Yani örneğin siteyi siz açtınız tarayıcınızdan tam ekrandayken sorun yok fakat ekran boyutunu değiştirdiğinizde reklam blokları sabit kalıyor, ben o anki ekran boyutuna göre ayarlansın istiyorum ya da en kötü içeriğin arkasına atsın veya kapatsın.

26.05.2020 02:58

#4

Mango WM Aracı Kullanıcı

Üyelik 23.11.2015
Yaş/Cinsiyet 30 / E
Meslek Front-End Developer
Konum Bursa

Ad Soyad N** K**
Mesajlar 311
Beğeniler 8 / 81
Ticaret 0, (%0)

Hocam fixed position kullandığınız için elbette öyle olacak, css media etiketlerini kullanarak belli çözünürlüklerin altında o kodları değiştirmeniz gerekecek. Responsive yani

26.05.2020 10:41

#5

OguzhanOzyurt WM Aracı Kullanıcı

Üyelik 09.08.2019
Yaş/Cinsiyet 31 / E
Meslek WM
Konum İstanbul Anadolu

Ad Soyad O** Ö**
Mesajlar 10
Beğeniler 0 / 1
Ticaret 0, (%0)

Anladım nasıl bir düzenleme yapmalıyım yani kodda? Çok hakim değilim açıkçası yeniyim.

26.05.2020 12:15

#6

OnurKara WM Aracı Kullanıcı

Üyelik 01.04.2017
Yaş/Cinsiyet 23 / E
Meslek Öğrenci
Konum Elazığ

Ad Soyad O** K**
Mesajlar 162
Beğeniler 69 / 72
Ticaret 1, (%100)

Cssle halledilir diye düşünüyorum.

 

/* masaüstü: */

.col-1 {width: 8.33%;}

.col-2 {width: 16.66%;}

.col-3 {width: 25%;}

.col-4 {width: 33.33%;}

.col-5 {width: 41.66%;}

.col-6 {width: 50%;}

.col-7 {width: 58.33%;}

.col-8 {width: 66.66%;}

.col-9 {width: 75%;}

.col-10 {width: 83.33%;}

.col-11 {width: 91.66%;}

.col-12 {width: 100%;}



@media only screen and (max-width: 768px) {

  /* Mobil cihazlar için : */

  [class*="col-"] {

    width: 100%;

  }

}

Sizde media etiketi ile kendinize göre yapın.

26.05.2020 20:30

#7

OguzhanOzyurt WM Aracı Kullanıcı

Üyelik 09.08.2019
Yaş/Cinsiyet 31 / E
Meslek WM
Konum İstanbul Anadolu

Ad Soyad O** Ö**
Mesajlar 10
Beğeniler 0 / 1
Ticaret 0, (%0)

Onu da denedim ama olmadı ya da yapamadım sanırım. Tarayıcıda sayfa belli bir boyutun altına düşünce ilgili kodu otomatik gizleyecek ya da arkaya atacak bir kod yok mudur?

26.05.2020 21:13

#8

OguzhanOzyurt WM Aracı Kullanıcı

Üyelik 09.08.2019
Yaş/Cinsiyet 31 / E
Meslek WM
Konum İstanbul Anadolu

Ad Soyad O** Ö**
Mesajlar 10
Beğeniler 0 / 1
Ticaret 0, (%0)

Herkese çok teşekkürler yardımları için, @media kodlarıyla çözdüm sonunda.

Tarayıcı boyutuna göre boyut ve konum ayarlama

Üye Girişi Yap