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.1 Eklenti Xenforo Alt header - Şablon değişikliği

Bu eklenti, add-ons XenForo 2.1.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
Merhaba,

Katagori kısmına alt header ekleme şablon değişikliği

@TheHypnosis bugun konuşmamıza istinaden kendisi istemiştir. Onayı ardından paylaşılmaktadır.

Görünüm ve Diller > Şablonlar > node_list_category şablonun içerisine giriniz. Aşağıda paylaşmış olduğum kodu bulunuz.

Kod:
            <h2 class="block-header">
                <a href="{{ link('categories', $node) }}">{$node.title}</a>
                <xf:if is="{$node.description}"><span class="block-desc">{$node.description|raw}</span></xf:if>
            </h2>
Hemen altına aşağıda ki kodu ekleyiniz.

Kod:
<div class="node-body AltHeader">
                <span class="node-icon" aria-hidden="true"></span>
                <div class="node-main js-nodeMain">
                    Forumlar
                </div>
                <div class="node-statsalt">
                <dl class="pairs pairs--rows">
                        <dt>{{ phrase('threads') }}</dt>
                    </dl>
                </div>
                    <div class="node-statalt">
                <dl class="pairs pairs--rows">
                        <dt>{{ phrase('messages') }}</dt>
                    </dl>
                </div>
                <div class="node-extra">
                    Son mesaj
                </div>
            </div>


Görünüm ve diller > Şablonlar > extra.less şabloun içerisine gelip aşağıda ki kodu ekleyiniz.

CSS:
.AltHeader .node-icon,
.AltHeader .node-main,
.AltHeader .node-stats,
.AltHeader .node-extra {
    color: rgb(162, 165, 187);
    font-size: 12px;
    padding: 5px;
    background: #2b457d;
    color: #fff;
}

.AltHeader .node-stats,
.AltHeader .node-extra {
    text-align: center;
}

.AltHeader {
    background: #3f4257;
    border-bottom: solid 1px rgb(255, 255, 255);
}

@media (max-width: 1000px) {
    .node-statalt,
    .node-statsalt,
    .node-extra {
        display: none !important;
    }
}

.node-statalt {
    display: table-cell;
    width: 74px;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #fff;
    background: #2B457D;
    color: #fff;
}

.node-statsalt {
    display: table-cell;
    width: 67px;
    vertical-align: middle;
    text-align: center;
    background: #2B457D;
    color: #fff;
}

.node-icon {
    width: 60px !important;
    padding: 0 !important;
    border-right: 1px solid #fff;
    background: #e1e4f2;
    padding:0;
}

.node-main {
    border-right: 1px solid #fff;
    background: #F5F5FF;
}

.node-stats {
    border-right: 1px solid #fff;
    background: #E1E4F2;
}

.node-icon i:before {
    color: #000;
}
.node-icon i {

margin:0 auto;
}

.block.block--category {
    border: 1px solid #273F70;
}

.node-statalt .pairs.pairs--rows>dt,
.node-statsalt .pairs.pairs--rows>dt {
    color: #fff;
}

.block-header {
    color: #fff;
    background: #355698 !important;
    border-width:0 !important;
    border-radius:0 !important;
}
.node-body {
        padding: 0 !important;
}

Demo :

Ekli dosyayı görüntüle 11977
Yazar
MusaPekel
Görüntüleme
2,754
İlk yayınlama
Son güncelleme
Değerlendirme
0.00 yıldız 0 değerlendirme

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.