• 02-06-2020, 15:37:19
    #1
    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.

    <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.
    <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.

    .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 :
  • 01-10-2020, 00:23:28
    #2
    MusaPekel adlı üyeden alıntı: mesajı görüntüle
    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.

    <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.
    <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.

    .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 :
    Gerçekten çok kaliteli bir insan adam gibi adam @musapekel bir sorum olucak yalnızca sadece ilk forumda bunu göstermek için nasıl yapabilirler
  • 17-06-2022, 22:27:56
    #3
    r10daki gibi bir şablon yaptım ama 2.ana kategoriyede aynısı koyuyor ben sadece en başa fix olsun istiyorum nasıl sabitleyebilirim