Kullanıcı:
Filtreler
Neler yeni
XenGenTr
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.

Giriş yap Şimdi kayıt ol
  • 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

Garfield

xFanatik
Aktif Lisans
SMS onaylı
Kullanıcı
Katılım
4 Nis 2020
Mesajlar
2,348
Çö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?

FARKHOSTİNG
Garfield' Alıntı:
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
Genişletmek için tıkla ...
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;}
}
Tamamını görüntüle
Tarihe göre sırala Oylara göre sırala
Kod: 
// mobilde 3 nolu widgeti gosterır//
@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;}
}
//

// mobilde widgetleri gizler //
@media only screen and (max-width:1230px) and (min-width:990px){
    .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="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="53"] {display: none;}
    .block[data-widget-id="6"] {display: none;}
    .block[data-widget-id="11"] {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="53"] {display: none;}
    .block[data-widget-id="6"] {display: none;}
    .block[data-widget-id="11"] {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;}

}
//
 
Oyla 0 Downvote
Aşağıdaki ile değiştirerek deneyebilir misiniz? Ekteki görselde gördüğüm kadarıyla 2 tane görünen widget yok, birisi 24 saat içerisinde üye olanları diğeri ise siteyi ziyaret eden üyeleri gösteriyor.

Kod: 
// mobilde 3 nolu widgeti gosterır//
@media only screen and (max-width:1230px) and (min-width:990px){
    .block[data-widget-id="3"], .block[data-widget-id="11"], .block[data-widget-id="17"] {display: block !important;}

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

// mobilde widgetleri gizler //
@media only screen and (max-width:1230px) and (min-width:990px){
    .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="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="53"] {display: none;}
    .block[data-widget-id="6"] {display: none;}
    .block[data-widget-id="11"] {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="53"] {display: none;}
    .block[data-widget-id="6"] {display: none;}
    .block[data-widget-id="11"] {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;}

}
//
 
Oyla 0 Downvote
FARKHOSTİNG' Alıntı:
Aşağıdaki ile değiştirerek deneyebilir misiniz? Ekteki görselde gördüğüm kadarıyla 2 tane görünen widget yok, birisi 24 saat içerisinde üye olanları diğeri ise siteyi ziyaret eden üyeleri gösteriyor.

Kod: 
// mobilde 3 nolu widgeti gosterır//
@media only screen and (max-width:1230px) and (min-width:990px){
    .block[data-widget-id="3"], .block[data-widget-id="11"], .block[data-widget-id="17"] {display: block !important;}

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

// mobilde widgetleri gizler //
@media only screen and (max-width:1230px) and (min-width:990px){
    .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="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="53"] {display: none;}
    .block[data-widget-id="6"] {display: none;}
    .block[data-widget-id="11"] {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="53"] {display: none;}
    .block[data-widget-id="6"] {display: none;}
    .block[data-widget-id="11"] {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;}

}
//
Genişletmek için tıkla ...

bu kod calısıyor evet ama uye olanlar ve ziyaret edenler widgetini 2 kez gosterıyor.
 
Oyla 0 Downvote
Cevap yazmak için giriş yap yada kayıt ol.

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.

Giriş yap Şimdi kayıt ol