الاقسام الفرعية لسكربت XenForo بالرئيسية مثل VB
http://www.dzbatna.com/images/icons/idea.gif ط§ظ„ط§ظ‚ط³ط§ظ… ط§ظ„ظپط±ط¹ظٹط© ظ„ط³ظƒط±ط¨طھ XenForo ط¨ط§ظ„ط±ط¦ظٹط³ظٹط© ظ…ط«ظ„ VB
// وثيقة الشرح طريقة
[ اسم الشرح طريقة ] : الاقسام الفرعية لسكربت XenForo بالرئيسية مثل VB
[ الوصف ] : شرح طريقة اظهار الاقسام الفرعية لسكربت XenForo بالصفحة الرئيسية مثل VB
[ يتوافق مع اي اصدار ] : ان شاءالله جميع اصدارات - xenForo 1.1 وفوق
[ موقع مقدم الشرح طريقة ] : شركة حكاية لاتنتهي لخدمات الويب المتكامله
http://upload.dzbatna.net/upfiles/LDC98190.jpg
// المقدمة
شرح طريقةي باذن الله راح يكون عن تغير في طريقة عرض الاقسام الفرعية بحيث تكون غير عن الشكل الافتراضي
الليكم صورة توضح الشكل الافتراضي لطريقة عرض الاقسام الفرعية في الرئيسية وفي نهاية الموضوع تجدون صورة للشكل الجديد
http://www.dzbatna.com/attachments/6...5-03-41-pm.png
طبعآ مثل ماتشوفون طريقة عرض الاقسام الفرعية عن طريق قائمة منسدلة
وكثير ناس يحبون طريقة العرض الافتراضية الي يكون الاقسام الفرعية اسفل القسم الرئيسي لهذا تابعو الشرح طريقة
http://upload.dzbatna.net/upfiles/LDC98190.jpg
// الشرح طريقة
التعديل راح يكون عن طريق تعديل على قوالب السكربت نفسة لهذا اعملو التالي
لوحة التحكم >> اللغات والاستايل styleات >> وادخلو على القوالب كما في الصورة
http://www.dzbatna.com/attachments/6...5-21-55-pm.png
والان ندخل على القوالب ونبحث عن القالب template التالي " EXTRA.CSS "
نضع اسم القالب template في مربع البحث وندخل على القالب template نضع في نهاية القالب template الكود code التالي
رمز PHP:
.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%;
}
وبعدها نحفظ القالب 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:
<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>
ونحفظ القوالب
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:
{xen:if $renderedChildren, ' fullWidth'}
ونحفظ القوالب
http://upload.dzbatna.net/upfiles/LDC98190.jpg
وراح تكون النتيجة وطريقة عرض الاقسام الفرعية على الشكل التالي كما في الصورة
http://www.dzbatna.com/attachments/6...5-45-32-pm.png
----------------------------------------
وفي الختام اتمنى ان اكون وفقت في الشرح طريقة وان شاءالله يكون سلس وسهل
واي استفسار انا موجود ان شاءالله
اخوكم : علي القيسي
التعديل الأخير كان بواسطة علي آلقيسي; 12 - 06 - 2014 الساعة 09:35
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
