lostyazilim
tr.link

Responsive tasarımda Google reklam kodları CSS'in dışına taşıyor

2 Mesajlar 1.317 Okunma
lstbozum
tr.link

MuratDinc MuratDinc Miyavliyo - WiseKitten Kullanıcı
  • Üyelik 01.11.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Girişimci
  • Konum Balıkesir
  • Ad Soyad M** D**
  • Mesajlar 1583
  • Beğeniler 207 / 257
  • Ticaret 5, (%100)
Merhabalar,

Sitemdeki yazıların içerisine adsense kodlarını ekledim ancak esnek olan kodlar responsive tasarımda istediğim gibi çalışmıyor. Sitenin ana sayfasında da kullandığım esnek Google adsense kodu önce 970x90, saha sonra 728x90 ve son olarak mobil de 336x280 şeklinde otomatik değişmesi gerekiyor. Ana sayfada temanın kodları doğru çalışırken, benim eklediğim kodlarda otomatik olarak reklam değişmiyor. Verilen alan 970px genişlikten az olsa bile reklam kodu dışarıya taşarak yine de 970x90 olarak çalışıyor. Bu nedenle dar bir ekranda bile reklam sayfanın daha geniş kalmasını ve yana gidilebilmesine neden oluyor. Acaba nerede yanlış yaptım? Ne yapmalıyım?

Ana sayfa adresi: https://www.bozuktus.com/
Örnek Konu adresi: https://www.bozuktus.com/asus-z170-pro-gaming-incelemesi-bt12821.html
İlgili reklam kodu: 4562647083
İlgili reklam alanı destop: http://prntscr.com/d1ik2e (düzgün)
İlgili reklam alanı laptop: http://prntscr.com/d1ik9k (düzgün)
İlgili reklam alanı tablet: http://prntscr.com/d1ilud 728x90 olmalı.
İlgili reklam alanı mobil: http://prntscr.com/d1im01 336x280 olmalı.

İlgili alanın dış CSS'i:
.td-container {
width: 1068px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1140px) and (min-width: 1019px) {
.td-container {
width: 980px;
}
}
@media (max-width: 1018px) and (min-width: 768px) {
.td-container {
width: 740px;
}
}
@media (max-width: 767px) {
.td-container {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
}


Yardımcı olanlara şimdiden teşekkürler.
 

 

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
wmaraci
reklam

ecarpar ecarpar WM Aracı Kullanıcı
  • Üyelik 18.04.2014
  • Yaş/Cinsiyet 43 / E
  • Meslek bilişim ve e-ticaret uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad E** C**
  • Mesajlar 317
  • Beğeniler 23 / 90
  • Ticaret 0, (%0)
iç içe çok fazla boyut belirlemişsin,

.td-container {
width: 1068px;
margin-right: auto;
margin-left: auto;
}
.td-header-main-menu {
position: relative;
z-index: 999;
padding-right: 48px;
}
.td-header-style-5 #td-header-menu {
min-height: 50px;
}
td-header-menu-wrap-full e baktığımda,
element.style {
height: 50px;
}

Buradaki bütün padding, margin min height veya width, font size değerleri toplamı etkiler hatta varsa line height bile etkiler.

birde td-top-mobile-toggle gibi bir şey gördüm responsive tasarımda mobil için bir css class ı tanımlamana gerek yok, belki onun için değildir ama ben öyle algıladım ismi gereği.

@media değerleri için http://trbootstrap.com/css/ deki değerleri göz önünde bulundurmanı öneririm.
 

 

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