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

Garfield · Çarşamba saat 18:13'de

Webmaster Forum - İxir

Türkiye'nin en Spesifik Webmaster Forumu ve Ticaret Portalı. Bilgi alışverişinde bulunmak ve alışveriş yapmak için tıklayın!

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.

eTiKeT™ · Çarşamba saat 19:25'de

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 · Perşembe saat 11:39'de

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

eTiKeT™ · Perşembe saat 19:22'de

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;
    }
}

Garfield · Cuma saat 14:35'de

eTiKeT™' Alıntı:
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..

Garfield · Cuma saat 15:59'de

@Lim10Ata Halletti. teşekkürler.

Foruma hoş geldin, Ziyaretçi

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

Garfield

XGT Müşterisi

Webmaster Forum - İxir

eTiKeT™

eTiKeT™

value="{XGT}"

Garfield

XGT Müşterisi

Ekli dosyalar

eTiKeT™

value="{XGT}"

Garfield

XGT Müşterisi

Garfield

XGT Müşterisi

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