lostyazilim
tr.link

Bir kodun sadece mobilde görünmesi

8 Mesajlar 2.836 Okunma
lstbozum
tr.link

AsilKan96 AsilKan96 WM Aracı Kullanıcı
  • Üyelik 20.01.2017
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum ABD
  • Ad Soyad M** G**
  • Mesajlar 85
  • Beğeniler 65 / 18
  • Ticaret 5, (%100)
Bir fotoğraf var siteye ekledim ancak bunun sadece mobilde görünmesini istiyorum. Nasıl yapabilirim?
 

 

Webbenger.com
wmaraci
reklam

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2771
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Fotoğrafın class ı örneğin foto olsun.
Css dosyasına aşağıdaki kodu ekle
@media (min-width: 992px) {
.foto { display: none; }
}
Böylece ekran boyutu 992 piksel den büyük cihazlarda resim gizlenir.
AsilKan96

kişi bu mesajı beğendi.

AsilKan96 AsilKan96 WM Aracı Kullanıcı
  • Üyelik 20.01.2017
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum ABD
  • Ad Soyad M** G**
  • Mesajlar 85
  • Beğeniler 65 / 18
  • Ticaret 5, (%100)

bilimokur adlı üyeden alıntı

Fotoğrafın class ı örneğin foto olsun.
Css dosyasına aşağıdaki kodu ekle
@media (min-width: 992px) {
.foto { display: none; }
}
Böylece ekran boyutu 992 piksel den büyük cihazlarda resim gizlenir.


Peki aynı işlemi reklamlar için nasıl yapabiliriz? Adsense reklamları içinde benzer bir yöntem var mı?
 

 

Webbenger.com

MucahitErgul MucahitErgul Dijital Medya Danışmanı Kullanıcı
  • Üyelik 19.09.2015
  • Yaş/Cinsiyet 25 / E
  • Meslek Dijital Pazarlama Ve Reklam
  • Konum Bartın
  • Ad Soyad M** E**
  • Mesajlar 323
  • Beğeniler 32 / 98
  • Ticaret 34, (%100)
Resmi div içerisine almanız ve aldığınızı div i css ile sadece mobil cihaz ölçülerinde gözükecek şekilde ayarlamanız gerekiyor. İstediğiniz olayın mantığı bu şekilde ama kodlaması konusunda yardımcı olamayacağım :D
 

 

wmaraci
wmaraci

SefaCanDemir SefaCanDemir Front-End Developer Kullanıcı
  • Üyelik 10.11.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Front-End Developer
  • Konum Adana
  • Ad Soyad S** D**
  • Mesajlar 1345
  • Beğeniler 234 / 472
  • Ticaret 12, (%100)
Adsense reklamınızı bir div içerisine alıp arkadaşın bahsettiği media etiketi ile yapabilirsiniz.

Html

REKLAM KODUNUZ



Css


@media (min-width: 992px){
#adsarea{visibility:hidden; display:none;}
}


min-width yerine max-width yaparakta 992px den düşük çözünürlüğe sahip cihazlar için istediğiniz işlemi yaptırabilirsiniz.
AsilKan96

kişi bu mesajı beğendi.

sefacandemir.com.tr

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2771
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
.foto classı yerine reklam div inin classını koyacaksınız.
AsilKan96

kişi bu mesajı beğendi.

AsilKan96 AsilKan96 WM Aracı Kullanıcı
  • Üyelik 20.01.2017
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum ABD
  • Ad Soyad M** G**
  • Mesajlar 85
  • Beğeniler 65 / 18
  • Ticaret 5, (%100)

SefaCanDemir adlı üyeden alıntı

Adsense reklamınızı bir div içerisine alıp arkadaşın bahsettiği media etiketi ile yapabilirsiniz.

Html

REKLAM KODUNUZ



Css


@media (min-width: 992px){
#adsarea{visibility:hidden; display:none;}
}


min-width yerine max-width yaparakta 992px den düşük çözünürlüğe sahip cihazlar için istediğiniz işlemi yaptırabilirsiniz.


Yaptım. Çok teşekkür ederim :)
 

 

Webbenger.com

SefaCanDemir SefaCanDemir Front-End Developer Kullanıcı
  • Üyelik 10.11.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Front-End Developer
  • Konum Adana
  • Ad Soyad S** D**
  • Mesajlar 1345
  • Beğeniler 234 / 472
  • Ticaret 12, (%100)
AsilKan96 ne demek rica ederim yardımcı olduysam ne mutlu bana :)
 

 

sefacandemir.com.tr
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