عرض مشاركة واحدة
احصائياتى

الردود
2

المشاهدات
1364
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
12-23-2018, 09:58 PM
المشاركة 1
12-23-2018, 09:58 PM
المشاركة 1
افتراضي اظهار الاقسام الفرعية بشكل عمودي شرح للجيل الثانى
السلام عليكم ورحمه الله وبركاته

قبل عدة اشهر ابو كريم شرح طريقة سهل ومبسطه جدا لكيفية جعل الاقسام الفرعية تظهر بشكل عمودى يادوب التنفيذ يام من خلال خطوة واحدة لمن اراد الدرس من هنا طريقة جعل الاقسام الفرعية تحت بعضها بشكل عمودي للجيل الثانى 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