شرح أضف إحصائيات الأقسام إلى صفحة المنتدى الرئيسية بدون إضافة

  • بادئ الموضوع بادئ الموضوع codeNET
  • تاريخ البدء تاريخ البدء
codeNET

codeNET

Administrative
طاقم الإدارة
ادارة كود نت

أضف إحصائيات الأقسام إلى صفحة المنتدى الرئيسية بدون إضافة​


أضف إحصائيات الأقسام إلى صفحة المنتدى الرئيسية بدون أي إضافة. يمكنك لاحقًا تخصيص نظام الألوان حسب رغبتك.

الوصف:
إضافة إحصائيات الأقسام إلى صفحة المنتدى الرئيسية بدون إضافات. ثم يمكنك تخصيص نظام الألوان.
IMG_8557.png
الخطوات:

1. اذهب إلى قالب node_list_category في القالب الذي تستخدمه، وابحث عن الكود التالي:

كود: 
<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>

2. أضف الكود التالي مباشرة أسفله:

كود: 
<div class="xfskinskategoristats">
<div class="xfskins-category-stats">
<div class="xfskins-category-statscont">
<div class="xfskins-category-statscontleft">
<div class="xfskins-category-statscontm">
<div class="xfskins-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>
3. أضف الكود التالي إلى قالب extra.less في قالبك:

كود: 
.xfskinsfkategoristats  {
padding: 8px;
}
.xfskins-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;
}
.xfskins-category-statscontm {
display: flex;
align-items: center;
dl {
margin-right: @xf-paddingSmall;
}
.xfskins-category-statscontleft {
float: left;
}
.pairs:nth-child(2) dd:after {
content: '|';
margin-left: @xf-paddingSmall;
}
}

حقوق النشر: منتدى كود نت
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
عودة
أعلى أسفل