Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Çözüldü Sadece mobil kullanımda gözükmesini nasıl yapabiliriz ?

Bu sorun verilen destek sayesinde çözüme ulaştırılmıştır.

mkucuksari

Destek Ekibi
Yönetici
Destek ekibi
SMS onaylı
Katılım
20 Ağu 2017
Mesajlar
2,474
Çözümler
62
Merhaba arkadaşlar,

Forum dışındaki servislere resim yükleme imkanı vermek için kullanmış olduğum temanın "quick_reply_macros" şablonunda şuna benzer kodlar kullanarak button ilavesinde bulunmuştum.

Kod:
<xf:comment> Resim Yukle Pop Up Butonsuz </xf:comment>              
<a href="" onClick="MyWindow=window.open('http://www........"></a>

Şimdi sormak istediğim soru şu. Bu butonlardan 1 tanesi SADECE MOBIL kullanımda gözüksün istiyorum. Epey bir araştırdım ama sadece mobil reklam gizle olayını buldum, bununla ilgili bir şeye rastlamadım. Ne önerirsiniz arkadaşlar ?

Aslında şöyle bir şey buldum ama şu aşamada beni aşıyor ne yazık ki,

XF 2.0 - Add mobile detect variables to $visitor object
 

Ekli dosyalar

  • Yükle.jpg
    Yükle.jpg
    77.2 KB · Görüntüleme: 16
Son düzenleme:
Css kullanarak yapilabilir. quick_reply_macros sablonuna ekledigin koda asagidaki gibi bir class degeri verilecek;

Kod:
<div class="deger">

<xf:comment> Resim Yukle Pop Up Butonsuz </xf:comment>             

<a href="" onClick="MyWindow=window.open('http://www........"></a>

</div>

extra.less sablonuna da asagidaki gibi kodlar eklenerek buyuk ekranlarda gorunmemesi saglanabilir. XF de responsive deger kodlarini tam bilmedigim icin pixel olarak yazdim. Deneme yanilma yontemiyle duzgun degerler bulunabilir. (@xf-responsiveNarrow vs.. gibi)

Kod:
@media (max-width: 900px) {

.deger {display:none;}

}

@media (max-width: 650px) {

.deger {display:none;}

}
 
Fikir için teşekkürler Ugur Ugur . Responsive kısmı için Extra.less de şöyle bir kod kullandım.

Kod:
<xf:comment> Cepten Resim Yükle PC Gozukmesini Engeller </xf:comment>
@media all and (min-width: 480px) {
     .deger
            {display:none;}
       }
@media all and (max-width: 479px) {
     .deger
            {display:block;}
       }
 

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.