درس XF-2.x اظهار الاقسام الفرعية بشكل عمودي

Ibn AliraQ

ヅ واحد من الناس ヅ
المدير العام للمنتديات
إنضم
2018-08-28
المشاركات
16,732
مستوى التفاعل
6,109
النقاط
297
الإقامة
العراق
الموقع الالكتروني
www.shababalrafedain.com
جوهرة
დ8,134
الجنس
ذكر
إصدار الزين فورو
XenForo 2.x
السلام عليكم ..
شرح اليوم جميل وبسيط ويتلخص باظهار الاقسام الفرعية لمنتديات زين فورو بالشكل العمودي وليس الافقي المعتاد ..
بسم الله نبدأ الشرح:

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

لوحة التحكم -- المظهر -- خصائص الستايل -- قائمة الاقسام / المنتديات - Node/Forum List -- اسلوب عرض المنتديات الفرعية -- اختر الخيار الثاني (مدرجة أسفل المنتدى).

الخطوة الاولى:
نبحث في القوالب عن القالب: node_list_forum

نفتح القالب:
ابحث عن الكود التالي:

HTML:
<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
            <xf:macro template="forum_list" name="sub_nodes_flat"
                      arg-children="{$children}"
                      arg-childExtras="{$childExtras}"
                      arg-depth="{{ $depth + 1 }}" />
        </xf:if>

أنسخ الكود واحفظه في ملف Txt ومن ثم امسح الكود من القالب.

في نفس القالب:
ابحث عن الكود التالي:

HTML:
</div>
<xf:if is="{$depth} == 1">

أعلى هذا الكود (انتبه) قم بلصق الكود الاول الذي تم حذفه وحفظه في ملف (TXT) .. واضحة النقطة صح؟

هذا هو الكود اذا انت ماحفظته او انحذف منك .. راح اضيفه يمكن تحتاجه ..

HTML:
<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
            <xf:macro template="forum_list" name="sub_nodes_flat"
                      arg-children="{$children}"
                      arg-childExtras="{$childExtras}"
                      arg-depth="{{ $depth + 1 }}" />
        </xf:if>


الخطوة الثانية:
ابحث عن القالب: node_list_category

افتح القالب وابحث عن الكود التالي:

HTML:
<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
            <xf:macro template="forum_list" name="sub_nodes_flat"
                      arg-children="{$children}"
                      arg-childExtras="{$childExtras}"
                      arg-depth="{{ $depth + 1 }}" />
        </xf:if>

انسخ الكود واحفظه في ملف TXT واحذفه من القالب.

ابحث عن الكود التالي:

HTML:
    </div>
</xf:macro>
<xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">

فوق هذا الكود الصق الكود الذي تم استقطاعه في الخطوة السابقة.

وهذا هو الكود لمن لم يحفظه او حذف منه بالخطأ :

HTML:
 <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
            <xf:macro template="forum_list" name="sub_nodes_flat"
                      arg-children="{$children}"
                      arg-childExtras="{$childExtras}"
                      arg-depth="{{ $depth + 1 }}" />
        </xf:if>

احفظ القالب.

الخطوة الثالثة:
ابحث عن قالب: extra.less

افتح القالب واضف الكود التالي في نهايته:

CSS:
<xf:if is="property('nodeListSubDisplay') == 'flat'">
.node-subNodeFlatList {
        background: @xf-paletteColor1;
        border-top: 1px solid @xf-borderColorFaint;
        padding: 10px 25px;
}
.node-subNodeFlatList > li {
        margin-right: 0;
        width: 25%;  /** Change this value to increase the amount of links in each row **/
}

@media (max-width: @xf-responsiveMedium)
{
    .block-body .node
    {
        .node-subNodesFlat
        {
            display: block;
        }
    }
}
@media (max-width: @xf-responsiveNarrow)
{
    .block-body .node
    {
        .node-subNodesFlat
        {
            display: none;
        }
    }
}
</xf:if>

يمكن التعديل في القياسات الموجودة في كود CSS اعلاه بما يناسب موقعك.
لا تنسى اخذ نسخة من اي قالب تقم بالتعديل عليه منعا لفقدانه تحت اي ظرف.

مثال العمل :

5115

انتهى الشرح
تحيتي
 

Gardi

المديرة .
إنضم
2018-10-01
المشاركات
39,680
الحلول
1
مستوى التفاعل
19,230
النقاط
217
الإقامة
العراق
جوهرة
დ16,025
الجنس
أنثى
شكرا على الجهود
 

Ibn AliraQ

ヅ واحد من الناس ヅ
المدير العام للمنتديات
إنضم
2018-08-28
المشاركات
16,732
مستوى التفاعل
6,109
النقاط
297
الإقامة
العراق
الموقع الالكتروني
www.shababalrafedain.com
جوهرة
დ8,134
الجنس
ذكر
أعلى