اظهار الاقسام الفرعية بشكل عمودي شرح للجيل الثانى

السلام عليكم ورحمه الله وبركاته

قبل عدة اشهر ابو كريم شرح طريقة سهل ومبسطه جدا لكيفية جعل الاقسام الفرعية تظهر بشكل عمودى يادوب التنفيذ يام من خلال خطوة واحدة لمن اراد الدرس من هنا طريقة جعل الاقسام الفرعية تحت بعضها بشكل عمودي للجيل الثانى xf 2.0 اليوم سيتم شرحها بس بطريقة مطوله شويه (مصدر الموضوع ستجده اسفل الشرح)

الخطوات

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

2- من لوحة التحكم >> المظهر >> البحث عن القوالب >> فى مربع البحث ابحث عن قالب اسمه node_list_forum


3- داخل هذا القالب ابحث عن الكود التالي

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

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

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

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

أعلى هذا الكود قم بوضع الكود التالى

كود PHP:

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


5 - ابحث عن القالب: node_list_category بداخل هذا القالب ابحث عن

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

قم بحذف هذا الكود قبل القدوم على هذا العمل قم باخذ نسخة من الكود لانك هتحتاجه بالخطوه القادمة.
6- في نفس القالب ابحث عن الكود التالي:

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

فوق هذا الكود الصق الكود التالى.

كود PHP:

<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
افتح القالب واضف الكود التالي في نهايته:

كود PHP:

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


نتيجة العمل

مع أجمل تحية معتادهـ

الموضوع الأصلي: اظهار الاقسام الفرعية بشكل عمودي شرح للجيل الثانى || الكاتب: الوافي || المصدر: منتديات هبوب الجنوب

www.h-aljnoop.com

كلمات البحث

برامج | سيارات | هاكات | استايلات | أكواد | الوان مجموعات | برمجه | منتديات عامه | العاب

اهنيك ع الذوق
إبداع في الطرح وروعة في الإنتقاء
وجهداً ملحوظ تشكر عليه
دمت بروعة طرحك
أكاليل الزهر أنثرها في متصفحك

لكم من الابداع رونقه
ومن الاختيار جماله
دام لنا عطائكم المميز والجميل

موضوع في قمة الروعه
لطالما كانت مواضيعك متميزة
لا عدمنا التميز و روعة الاختيار
دمت لنا ودام تالقك الدائم

راق لي جدا ماقرأته هنا
شكرا لكم على جمال طرحكم
ننتظر جمالا كهذا الجمال وأكثر
أطيب التحايا وارق المنى

نقل مميز بوركت جهودك