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.

Nasıl yapılır ? Mobilde bu widget'leri nasıl gizleyebilirim?

Garfield

XGT Müşterisi
XGT Müşterisi
XGT Onaylı
Kullanıcı
Katılım
4 Nis 2020
Mesajlar
505
Web sitesi
www.ixir.gen.tr

- İxir.Gen.TR'yi Beğendiniz mi? (anket)
- Sosyal Ağlarda Takip Et
- Duyuru;
-Webmaster's

yukarıda belırttıgım widgetleri mobilde gizlemek istiyorum.
 
Çözüm
Olması gereken budur, diğer yapıyı kullanamazsınız, çünkü o widget dayalıdır. Bu kod ise tamamını gizlemez sadece bir bölümü. Özel class bu şablonun en üstünde olmalıdır.

CSS:
@media (max-width: @xf-responsiveMedium)                  
{  
.block-container .bildirim
    {
        display:none;
    }
}

eTiKeT™

value="{XGT}"
Yönetici
XGT Master
XGT Onaylı
Katılım
4 Ara 2016
Mesajlar
6,041
Web sitesi
xenforo.gen.tr
Sizin widget'larınız gördüğüm kadarı ile HTML olarak eklenmiş, bir widget olara görünmüyor. Kod yapısında o alana özel bir class bulunmadığı için direk şunu gizle diyemezsiniz. Ancak özel bir class olur ise yani xxx olanı gizle yada yyy olanı gizle diye bilirsiniz. Yani sizin onları normal bir widget olarak çalıştırmanız yada özel class eklemeniz gerekli.
Aşağıdaki kod online yöneticiler widget gizlemek içindir, eğer sizde bunları widget olarak ekler ve id bilgilerini aşağıdaki class yapısına eklersen onlarda gizlenecektir,

CSS:
@media (max-width: @xf-responsiveMedium)                   
{   
    .block[data-widget-section="staffMembers"] .block-container
    {
        display:none;
    }
}

Kendi widget kullanmak için ise;
CSS:
@media (max-width: @xf-responsiveMedium)                   
{   
    .block[data-widget-section="widgetAdınızıBurayaEkleyin"] .block-container
    {
        display:none;
    }
}
 

Garfield

XGT Müşterisi
XGT Müşterisi
XGT Onaylı
Kullanıcı
Katılım
4 Nis 2020
Mesajlar
505
Web sitesi
www.ixir.gen.tr
Kod:
@media (max-width: @xf-responsiveMedium)                   
{   
    .block[data-widget-section="webmaster"] .block-container
    {
        display:none;
    }
}

ya da

Kod:
@media (max-width: @xf-responsiveMedium)                   
{   
    .block[data-widget-section="bildirim"] .block-container
    {
        display:none;
    }
}

seklınde denedım ama olmadı. mantıgı doğrumu anladım emın değilim, farklı bir kod ıle farklı bir widgeti denedım oda widgetin içeriğini gizledi sadece baslıgı yıne gorundu.

Kod:
@media (max-width:650px) {
.socialll {
    display: none !important;
    }
}

gibi
 

Ekli dosyalar

  • Ekran Alıntısı.JPG
    Ekran Alıntısı.JPG
    179.1 KB · Görüntüleme: 4

eTiKeT™

value="{XGT}"
Yönetici
XGT Master
XGT Onaylı
Katılım
4 Ara 2016
Mesajlar
6,041
Web sitesi
xenforo.gen.tr
Olması gereken budur, diğer yapıyı kullanamazsınız, çünkü o widget dayalıdır. Bu kod ise tamamını gizlemez sadece bir bölümü. Özel class bu şablonun en üstünde olmalıdır.

CSS:
@media (max-width: @xf-responsiveMedium)                  
{  
.block-container .bildirim
    {
        display:none;
    }
}
 
Çözüm

Garfield

XGT Müşterisi
XGT Müşterisi
XGT Onaylı
Kullanıcı
Katılım
4 Nis 2020
Mesajlar
505
Web sitesi
www.ixir.gen.tr
Olması gereken budur, diğer yapıyı kullanamazsınız, çünkü o widget dayalıdır. Bu kod ise tamamını gizlemez sadece bir bölümü. Özel class bu şablonun en üstünde olmalıdır.

CSS:
@media (max-width: @xf-responsiveMedium)                 
{ 
.block-container .bildirim
    {
        display:none;
    }
}

evet bu kod ıse yaradı ama senınde dedıgın gıbı sadece ıcerıgı gızlıyor, baslık yıne gorunuyor. farklı bir cozum uretmeey calısacagım..
 

Forumda daha fazla yararlanmak için giriş yapın yada üye olun!

Forumdan daha fazla yararlanmak için giriş yapın veya kayıt olun!

Kayıt ol

Forumda bir hesap oluşturmak tamamen ücretsizdir.

Şimdi kayıt ol
Giriş yap

Eğer bir hesabınız var ise lütfen giriş yapın

Giriş yap