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!

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

Garfield

xFanatik
Aktif Lisans
SMS onaylı
Kullanıcı
Katılım
4 Nis 2020
Mesajlar
2,342
Çözümler
103

- İ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.
 

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

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;
    }
}
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;
    }
}
 
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: 10
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
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..
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

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.