المساعد الشخصي الرقمي

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


هيلبرنت
05-05-2016, 08:41 AM
السلام عليكم ورحمة الله وبركاته


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

[ اسم الشرح ] : الاقسام الفرعية لسكربت XenForo بالرئيسية مثل VB
[ الوصف ] : شرح اظهار الاقسام الفرعية لسكربت XenForo بالصفحة الرئيسية مثل VB
[ يتوافق مع اي اصدار ] : ان شاءالله جميع اصدارات - xenForo 1.1 حتى 1.5 تم تجربته
[ موقع مقدم الشرح ] : معهد هيلبرنت (http://www.helpernt.com/vb)

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

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

http://www.helpernt.com/vb/attachment.php?attachmentid=724&stc=1&d=1499879181


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

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

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

http://www.helpernt.com/vb/attachment.php?attachmentid=725&stc=1&d=1499879183


والان ندخل على القوالب ونبحث عن القالب التالي " 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%;
}
وبعدها نحفظ القالب

// الان نبحث عن كل من القوالب التالية
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>ونحفظ القوالب

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

node_category_level_n
node_forum_level_n
node_link_level_n
node_page_level_n

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


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


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

http://www.helpernt.com/vb/attachment.php?attachmentid=726&stc=1&d=1499879183



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

تم لانتهاء

abo-karim
10-04-2016, 09:13 PM
تم اعادة رفع الصور مره اخرى

hr7xx
02-07-2017, 09:48 PM
يعطيك العافية اخي الكريم .

هيلبرنت
02-08-2017, 09:35 PM
تم اعادة رفع الصور مره اخرى

نورتنى يا ابو كريم

هيلبرنت
02-08-2017, 09:35 PM
يعطيك العافية اخي الكريم .



نورتنى اخى hr7xx

~ GOOGLE ~
02-12-2017, 10:43 AM
ابدعت يا اخي ابدعت يا نواره

هيلبرنت
07-12-2017, 08:08 PM
ابدعت يا اخي ابدعت يا نواره


تسلم يغاللللللللللللللللى

for sat
06-07-2018, 02:41 AM
عاشت الايادي

MesterPerfect
06-07-2018, 07:10 AM
بارك الله فيك

هيلبرنت
07-24-2018, 07:40 PM
نشكركم شباب