discussion XenForo Forum anasayfanıza kategori istatistikleri ekleyin.

[HAN]

XenForo Forum anasayfanıza kategori istatistikleri ekleyin.​

Uyumlu XF Sürümleri

1. 2.3.X

Eklenti olmadan forum anasayfanıza kategori istatistikleri ekleyin. Daha sonra renk düzenlemesini kendinize göre özelleştirebilirsiniz.

Description:
Add category statistics to your forum homepage without any plugins. Then you can customize the color scheme.

Kullandığınız temanın node_list_category şablonunda aşağıdaki kod bloğunu bulun:

<div class="block-body block-body--collapsible {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}">
                <xf:macro id="forum_list::node_list"
                    arg-children="{$children}"
                    arg-extras="{$childExtras}"
                    arg-depth="{{ $depth + 1 }}" />
            </div>

Hemen altına aşağıda verdiğim kodu ekleyin:

<div class="trxfkategoristats">
                <div class="trxf-category-stats">
                <div class="trxf-category-statscont">
                    <div class="trxf-category-statscontleft">
                        <div class="trxf-category-statscontm">
                            <div class="trxf-category-stats-a"><i class="fad fa-signal"></i> {$node.title}</div>      
                            <dl class="pairs pairs--inline">  
                                <dt>{{ phrase('Toplam Konu') }}</dt>
                                <dd>{$extras.discussion_count|number_short(1)}</dd>
                            </dl>
                            <dl class="pairs pairs--inline">
                                <dt>{{ phrase('total_messages') }}</dt>
                                <dd>{$extras.message_count|number_short(1)}</dd>
                            </dl>  
                        </div>
                    </div>
                </div>
</div>
        </div>
    </div>
            </div>

Aşağıdaki kodu temanızın extra.less şablonuna ekleyin:

/************* TRXF Kategori İstatistikleri *************/
.trxfkategoristats  {
    padding: 8px;
}
.trxf-category-stats {
    flex-direction: column;
    display: flex;
    padding-right: 6px;
    padding-left: 7px;
    padding-bottom: 8px;
    color: #434a59;
    background: #f5f5f5;
    border-radius: 6px;
    .trxf-category-statscont {
        padding: 3px;
        position: relative;
        font-size: @xf-fontSizeSmaller;
        top: @xf-paddingSmall;
    }
    .trxf-category-statscontm {
        display: flex;
        align-items: center;
        dl {
            margin-right: @xf-paddingSmall;
        }
    .trxf-category-statscontleft {
        float: left;
    }
        .pairs:nth-child(2) dd:after {
            content: '|';
            margin-left: @xf-paddingSmall;
        }
    }
    .trxf-category-statscontright {
        float: right;
    }
    .trxf-category-stats-a {
        font-weight: bold;
        &:after {
            margin-right: @xf-paddingSmall;
            content: ":";          
        }
    }
}
[data-variation="alternate"] {
.trxf-category-stats {
    color: #989ca5;
    background: #0a1c29;
}
    }