الاقسام الفرعية لسكربت XenForo بالرئيسية مثل VB

[walid]

http://www.dzbatna.com/images/icons/idea.gif ط§ظ„ط§ظ‚ط³ط§ظ… ط§ظ„ظپط±ط¹ظٹط© ظ„ط³ظƒط±ط¨طھ XenForo ط¨ط§ظ„ط±ط¦ظٹط³ظٹط© ظ…ط«ظ„ VB (http://www.dzbatna.com/t2284317/)



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

عساكم بخير وبصحة جيدة اخواني الغوالي - انشاءالله يكون شرح طريقةي مفيد وسلس

http://upload.dzbatna.net/upfiles/LDC98190.jpg


// وثيقة الشرح طريقة

[ اسم الشرح طريقة ] : الاقسام الفرعية لسكربت XenForo بالرئيسية مثل VB
[ الوصف ] : شرح طريقة اظهار الاقسام الفرعية لسكربت XenForo بالصفحة الرئيسية مثل VB
[ يتوافق مع اي اصدار ] : ان شاءالله جميع اصدارات - xenForo 1.1 وفوق
[ موقع مقدم الشرح طريقة ] : شركة حكاية لاتنتهي لخدمات الويب المتكامله (http://www.7ekayah.net/)

http://upload.dzbatna.net/upfiles/LDC98190.jpg

// المقدمة

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

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

http://www.dzbatna.com/attachments/696890d1371016362-6-12-2014-5-03-41-pm.png
طبعآ مثل ماتشوفون طريقة عرض الاقسام الفرعية عن طريق قائمة منسدلة

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


http://upload.dzbatna.net/upfiles/LDC98190.jpg

// الشرح طريقة

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

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

http://www.dzbatna.com/attachments/696891d1371016630-6-12-2014-5-21-55-pm.png
والان ندخل على القوالب ونبحث عن القالب template التالي " EXTRA.CSS "

نضع اسم القالب template في مربع البحث وندخل على القالب template نضع في نهاية القالب template الكود code التالي

رمز PHP:

<code style="white-space:nowrap"> <code> .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%;
}
</code> </code>

وبعدها نحفظ القالب template

http://upload.dzbatna.net/upfiles/LDC98190.jpg

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

node_category_level_2
node_forum_level_2
node_link_level_2
node_page_level_2

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

رمز PHP:

<code style="white-space:nowrap"> <code> <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>
</code> </code>

ونحفظ القوالب

http://upload.dzbatna.net/upfiles/LDC98190.jpg

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

node_category_level_n
node_forum_level_n
node_link_level_n
node_page_level_n

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

رمز PHP:

<code style="white-space:nowrap"> <code> {xen:if $renderedChildren, ' fullWidth'}
</code> </code>



ونحفظ القوالب

http://upload.dzbatna.net/upfiles/LDC98190.jpg


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

http://www.dzbatna.com/attachments/696892d1371017177-6-12-2014-5-45-32-pm.png


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

وفي الختام اتمنى ان اكون وفقت في الشرح طريقة وان شاءالله يكون سلس وسهل

واي استفسار انا موجود ان شاءالله

اخوكم : علي القيسي







التعديل الأخير كان بواسطة علي آلقيسي; 12 - 06 - 2014 الساعة 09:35

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©