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 ? Widget gösterim işlemi?

Garfield

xFanatik
Aktif Lisans
SMS onaylı
Kullanıcı
Katılım
4 Nis 2020
Mesajlar
2,343
Çözümler
104
aşağıdakı paylasmıs oldugum kodlar ıle mobilde tum widgetleri gizledik ama ben 1 tane widgeti mobilde gostermek ıstıyorum ıd sı 3 bunun ıcın bu kodlarda nasıl bir duzenleme yapacagım?

extra.less
Kod:
@media only screen and (max-width:1230px) and (min-width:990px){
    .block[data-widget-id="3"] {display: none;}
    .block[data-widget-id="53"] {display: none;}
    .block[data-widget-id="6"] {display: none;}
    .block[data-widget-id="11"] {display: none;}
    .block[data-widget-id="17"] {display: none;}
    .block[data-widget-id="Anlet"] {display: none;}
    .block[data-widget-id="30"] {display: none;}
    .block[data-widget-id="62"] {display: none;}
    .block[data-widget-id="61"] {display: none;}
    .block[data-widget-id="60"] {display: none;}
    .block[data-widget-id="59"] {display: none;}
    .block[data-widget-id="58"] {display: none;}

 }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .block[data-widget-id="3"] {display: none;}
    .block[data-widget-id="53"] {display: none;}
    .block[data-widget-id="6"] {display: none;}
    .block[data-widget-id="11"] {display: none;}
    .block[data-widget-id="17"] {display: none;}
    .block[data-widget-id="Anlet"] {display: none;}
    .block[data-widget-id="30"] {display: none;}
    .block[data-widget-id="62"] {display: none;}
    .block[data-widget-id="61"] {display: none;}
    .block[data-widget-id="60"] {display: none;}
    .block[data-widget-id="59"] {display: none;}
    .block[data-widget-id="58"] {display: none;}
}
@media only screen and (max-width: 479px) {
    .block[data-widget-id="3"] {display: none;}
    .block[data-widget-id="53"] {display: none;}
    .block[data-widget-id="6"] {display: none;}
    .block[data-widget-id="11"] {display: none;}
    .block[data-widget-id="17"] {display: none;}
    .block[data-widget-id="Anlet"] {display: none;}
    .block[data-widget-id="30"] {display: none;}
    .block[data-widget-id="62"] {display: none;}
    .block[data-widget-id="61"] {display: none;}
    .block[data-widget-id="60"] {display: none;}
    .block[data-widget-id="59"] {display: none;}
    .block[data-widget-id="58"] {display: none;}

}

widget_html
Kod:
<xf:if is="!$options.advanced_mode">
    <div class="block" data-widget-id="62">
        <div class="block-container">
            <xf:if is="$title">
                <h3 class="block-minorHeader"><i class="fas fa-globe-europe"></i> {$title}</h3>
            </xf:if>
            <div class="block-body block-row">
                {$template|raw}
            </div>
        </div>
    </div>
<xf:else />
    {$template|raw}
</xf:if>

widget_thread_poll
Kod:
<div class="block" data-widget-id="62">
<xf:macro template="poll_macros" name="poll_block" arg-poll="{$poll}" arg-simpleDisplay="{{ true }}" arg-forceTitle="{$title}" />
</div>
 

Nasıl yapılır ? Widget gösterim işlemi?

bu kodu extra less emi ekliyeyim bu sekılde? Yoksa mevcut kodlarımı bu sekıldemı düzenliyeyim? Suan mobilim tam göremiyorum bakacağım pc den
Direk extra.less şablonuna ekleyerek deneyebilirsiniz. Eğer olmazsa aşağıdakini deneyebilirsiniz.

Kod:
@media only screen and (max-width:1230px) and (min-width:990px){
    .block[data-widget-id="3"] {display: block !important;}

 }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .block[data-widget-id="3"] {display: block !important;}
}
@media only screen and (max-width: 479px) {
    .block[data-widget-id="3"] {display: block !important;}
}
ya da ıd sı 3 olan widget i mobilde nasıl gosterebılırım?
 
yukarıda vermiş olduğunuz kodların haricinde bir değişiklik yoksa, .block[data-widget-id="3"] {display: none;} bunu silerek gösterilebilir diye düşünüyorum.
 
Aynen ID hangisi ise onu listeden kaldırın sorun düzelecektir, muhtemelen ID hatası yapıyorsunuz.
 
onu denedim olmadı. Sonra konu açtım
O zaman aşağıdaki gibi yapabilirsiniz.

Kod:
@media only screen and (max-width:1230px) and (min-width:990px){
    .block[data-widget-id="3"] {display: block;}

 }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .block[data-widget-id="3"] {display: block;}
}
@media only screen and (max-width: 479px) {
    .block[data-widget-id="3"] {display: block;}
}
 
O zaman aşağıdaki gibi yapabilirsiniz.

Kod:
@media only screen and (max-width:1230px) and (min-width:990px){
    .block[data-widget-id="3"] {display: block;}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .block[data-widget-id="3"] {display: block;}
}
@media only screen and (max-width: 479px) {
    .block[data-widget-id="3"] {display: block;}
}

bu kodu extra less emi ekliyeyim bu sekılde? Yoksa mevcut kodlarımı bu sekıldemı düzenliyeyim? Suan mobilim tam göremiyorum bakacağım pc den
 
bu kodu extra less emi ekliyeyim bu sekılde? Yoksa mevcut kodlarımı bu sekıldemı düzenliyeyim? Suan mobilim tam göremiyorum bakacağım pc den
Direk extra.less şablonuna ekleyerek deneyebilirsiniz. Eğer olmazsa aşağıdakini deneyebilirsiniz.

Kod:
@media only screen and (max-width:1230px) and (min-width:990px){
    .block[data-widget-id="3"] {display: block !important;}

 }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .block[data-widget-id="3"] {display: block !important;}
}
@media only screen and (max-width: 479px) {
    .block[data-widget-id="3"] {display: block !important;}
}
 
Çözüm
Direk extra.less şablonuna ekleyerek deneyebilirsiniz. Eğer olmazsa aşağıdakini deneyebilirsiniz.

Kod:
@media only screen and (max-width:1230px) and (min-width:990px){
    .block[data-widget-id="3"] {display: block !important;}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .block[data-widget-id="3"] {display: block !important;}
}
@media only screen and (max-width: 479px) {
    .block[data-widget-id="3"] {display: block !important;}
}

hocam bu 2 wıdgetıde gostermek ıstıyorum ıd lerı 11 ve 17 verdıgın kodu ona gore duzenledıgımde widlerden 2 ser adet gorunuyor bunu nasıl yapabılırım? kodun en alltaakını sılıncede gorunmuyor
 

Ekli dosyalar

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

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.