هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)
-   -   [XF 2.x] : اظهار الاقسام الفرعية بشكل عمودي شرح للجيل الثانى (https://www.helpernt.com/vb/showthread.php?t=8405)

هيلبرنت 12-23-2018 09:58 PM

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

قبل عدة اشهر ابو كريم شرح طريقة سهل ومبسطه جدا لكيفية جعل الاقسام الفرعية تظهر بشكل عمودى يادوب التنفيذ يام من خلال خطوة واحدة لمن اراد الدرس من هنا طريقة جعل الاقسام الفرعية تحت بعضها بشكل عمودي للجيل الثانى 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-top1px solid @xf-borderColorFaint;
        
padding10px 25px;
}
.
node-subNodeFlatList li {
        
margin-right0;
        
width25%;  /** Change this value to increase the amount of links in each row **/
}

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

نتيجة العمل


مصدر الموضوع :
  • xenforo.com/community/resources/sub-forums-grid.6236
  • tapchiict.com/resources/sub-forums-grid.50

هيلبرنت 12-28-2018 07:58 PM

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

حتى ياخد الموضوع حقه فى جوجل

هيلبرنت 03-09-2019 08:04 PM

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


الساعة الآن 11:52 AM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir