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!
Kaynak ikonu

XF 2.0 Yan Yana 3'lü Widget Tasarımı

Bu eklenti, add-ons XenForo 2.0.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
3 tane Widget yan yana istediğiniz yerde responsive şekilde göstermek için şu kodları kullanmanız yeterli.

grid_3.gif


NASIL Yapılır:
1-
Öncelikle bir "HTML Widget" tanımlayıp /admin.php?widgets/, yukarıdaki görüntü elde etmek için pozisyon olarak "Forum List: Above Nodes" seçiyoruz ve Şablon kısmına aşağıdaki kodu ekliyoruz.

Kod:
<div class="grid-main">
    <div class="grid">
        <xf:widget key="online_list_online_statistics" />
    </div>
    <div class="grid">
        <xf:widget key="forum_overview_forum_statistics" />
    </div>
    <div class="grid">
        <xf:widget key="forum_overview_share_page" />
    </div>
</div>

Burada "Widget key" kısmını istediğimiz widget göre değiştiriyoruz.

2- Sonra kullandığımız temanın "Extra.less" şablonuna şu kodu ilave ediyoruz.

Kod:
.grid-main {
    display: flex;
}
.grid {
    display: flex;
    flex-direction: column;
    flex: 1 1 250px;
    margin-left: 2%;
}
.grid:first-of-type {
    margin-left: 0;
}
.grid .block, .grid .block-container {
    height: 100%;
}
@media (max-width: @xf-responsiveMedium)
{
    .grid-main {
        display: inherit;
    }
    .grid {
        margin-left: inherit;
    }
}
Yazar
mkucuksari
Görüntüleme
3,221
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 2 değerlendirme

mkucuksari ait diğer kaynakar

Son incelemeler

Paylaşım için teşekkürler abi xenforo 2 ile gerçekten istenildiğinde güzel görüntüler elde ediliyor.

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.