lostyazilim
tr.link

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

8 Mesajlar 1.021 Okunma
acebozum
tr.link

OguzhanOzyurt 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>

 

 

elektronikssl
webimgo

118baran 118baran WM Aracı Kullanıcı
  • Üyelik 30.09.2017
  • Yaş/Cinsiyet 22 / 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
 

 

OguzhanOzyurt 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.
 

 

Mango 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
 

 

wmaraci
wmaraci

OguzhanOzyurt 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.
 

 

OnurKara 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.
 

 


OguzhanOzyurt 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?
 

 

OguzhanOzyurt 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.
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al