طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتديات XenForo

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

انشاءالله يكون شرحي مفيد وسهل وهو اعادة ترتيب الاقسام الفرعية لسكربت XenForo بالرئيسية مثل VB

[ اسم الشرح ] : الاقسام الفرعية لسكربت XenForo بالرئيسية مثل VB
[ الوصف ] : شرح اظهار الاقسام الفرعية لسكربت XenForo بالصفحة الرئيسية مثل VB
[ يتوافق مع اي اصدار ] : ان شاءالله جميع اصدارات - xenForo 1.1 حتى 1.5 تم تجربته
[ موقع مقدم الشرح ] : معهد هيلبرنت


طريقة -  طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتديات XenForo  AJY04729

الشرح باذن الله راح يكون عن تغير في طريقة عرض الاقسام الفرعية بحيث تكون غير عن الشكل الافتراضي

الليكم صورة توضح الشكل الافتراضي لطريقة عرض الاقسام الفرعية في الرئيسية وفي نهاية الموضوع تجدون صورة للشكل الجديد


طريقة -  طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتديات XenForo  Bm404622


طبعآ مثل ماتشوفون طريقة عرض الاقسام الفرعية عن طريق قائمة منسدلة
وكثير ناس يحبون طريقة العرض الافتراضية الي يكون الاقسام الفرعية اسفل القسم الرئيسي لهذا تابعو الشرح



طريقة -  طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتديات XenForo  AJY04729

التعديل راح يكون عن طريق تعديل على قوالب السكربت نفسة لهذا اعملو التالي

لوحة التحكم >> اللغات والاستايلات >> وادخلو على القوالب كما في الصورة


طريقة -  طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتديات XenForo  0SV04653


والان ندخل على القوالب ونبحث عن القالب التالي " EXTRA.CSS "
نضع اسم القالب في مربع البحث وندخل على القالب نضع في نهاية القالب الكود التالي

كود:
.subForumsGrid { padding-right: 4px; }
.subForumsGrid .blockLinksGrid { width: 100%; display: inline-block; padding: 5px; }
.subForumsGrid .fullWidth { width: 100% !important; padding-bottom: 4px; }
.subForumsGrid .node { width: 20%; float: left; }
.subForumsGrid .node ol { padding-left: 10px; }
.subForumsGrid .node a { padding: 5px 10px 5px 18px; }
.subForumsGrid .node .node a { padding: 0px 10px 1px 18px; }
.subForumsGrid .node .nodeTitle { font-size: 11px; white-space: nowrap; overflow: hidden; }
.subForumsGrid .node div,
.subForumsGrid .node div a:hover
{
background-image: url('@imagePath/xenforo/widgets/read.png');
background-repeat: no-repeat;
background-position: 0px 50%;
}
.subForumsGrid .node div.unread,
.subForumsGrid .node div.unread a:hover
{
background-image: url('@imagePath/xenforo/widgets/unread.png');
background-repeat: no-repeat;
background-position: 0px 50%;
}
وبعدها نحفظ القالب


طريقة -  طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتديات XenForo  AJY04729

// الان نبحث عن كل من القوالب التالية
node_category_level_2
node_forum_level_2
node_link_level_2
node_page_level_2

وندخل على القوالب واحد واحد ونضع في نهاية كل واحد منهم الكود التالي


كود:
<xen:if is="{$level} == 2 AND {$renderedChildren}">
<li class="subForumsGrid">
<ol class="secondaryContent blockLinksList blockLinksGrid">
<xen:foreach loop="$renderedChildren" value="$child">
{xen:raw $child}
</xen:foreach>
</ol>
</li>
</xen:if>
ونحفظ القوالب


طريقة -  طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتديات XenForo  AJY04729

// الان نبحث عن كل واحد من القوالب التالية

node_category_level_n
node_forum_level_n
node_link_level_n
node_page_level_n

ونضيف بجانب اول سطر من كل واحد من القوالب الكود التالي



كود:
{xen:if $renderedChildren, ' fullWidth'}
ونحفظ القوالب


طريقة -  طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتديات XenForo  AJY04729


وراح تكون النتيجة وطريقة عرض الاقسام الفرعية على الشكل التالي كما في الصورة


طريقة -  طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتديات XenForo  ZTV04681


----------------------------------------

تم لانتهاء