bir CSS HTML Sorusu yardım beyler :)

arkadaşlar selamlar

adsense reklam kodunu tek yerden ekliyorum, burada da bir kod eklemem gerekiyor şöyle ki

media screen max width gibi değişkenlerle yapılıyordu ama çözemedim.

Adsense kodumu tek kodda iki yerde göstermek istiyorum, misal 600px altı ekranlar için reklamkodum1'i, 600px den büyük ekranlar içinde reklamkodum2 ' yi görmesini istiyorum.

bunu nasıl yaparız?

kabaca

600 pikselden büyük heryerde cıkmasını istediğim reklamim (
reklamkodum1)

@media screen (sadece 600 pikselden küçük ekranlarda çıkmasını istediğim kodum(
reklamkodum2)

Yanlışım yoksa adsense kodu js olarak iletiliyor ve zaten duyarlılık altyapısıyla hazırlanmış olması gerekiyor.

aynen ama onu istemiyorum, boşluklu reklam geliyor, siz en boy tam verince, o tam o boyda dolduruyor, temamda biraz eski o yüzden çözüm bu maalesef

@media (max-width: 600px) { 600px'den küçük css kodu }
@media (min-width: 600.98px) { 600px'den büyük css kodu }

bunu tam entegre edemedim hocam, bunu nasıl ekleyeceğim kod ile beraber

reklam ekleme panelini düşünün, tek yer var, css i inline vermem gerekiyor kod ile beraber

<span style="background-imagearticular_ad.png; @media (max-width:300px){background-imagearticular_ad_small.png;}"></span>


//örnek inline kullanım

Yada

CSS :

:root { --particular-ad: url(particular_ad.png); }

@media (max-width: 300px) {
:root { --particular-ad: url(particular_ad_small.png); }
}

HTML :

<span style="background-image: var(--particular-ad);"></span>

yok hocam bunlar olmuyor şöyle tam istediğimi örnekli gerçek dosya üzerinden olarak anlatayım

Reklam no 1: (mobil reklam kodum)

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-23323424234243"
     crossorigin="anonymous"></script>
<!-- endetayli.com kare -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-23323424234243"
     data-ad-slot="23323424234243"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
[B][/B]

Reklam no 2: (web kısmı için reklam kodum- mobil hariç)

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-23323424234243"
     crossorigin="anonymous"></script>
<!-- yatay-900-luxury -->
<ins class="adsbygoogle"
     style="display:inline-block;width:900px;height:90px"
     data-ad-client="ca-pub-23323424234243"
     data-ad-slot="1436451194"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
[B][/B]

Yazacağımız kod, boyuna göre bu iki scriptten birini çağırmalı, sizin ilettikleriniz (anladığım kadarıyla) CSS'den aynı dosyayı formatlıyor, benim ise ekran boyutuna göre farklı kodu çağırmam gerekiyor.

herkese teşekkürler ayrıca

if(window.innerWidth <= 400) {
main.innerHTML = '<h2>Added By js</h2>';
}
else {
main.innerHTML = '';
}

tarzı bi döngü iş görebilir