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.

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