هيلبرنت
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
----------------------------------------
تم لانتهاء
انشاءالله يكون شرحي مفيد وسهل وهو اعادة ترتيب الاقسام الفرعية لسكربت 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
----------------------------------------
تم لانتهاء