XF 2.0 و XF 2.1 - طريقة نقل ويدجات xenforo من اليسار إلى اليمين | زين العربية | XenArabia
أيقونة المنتج

XF 2.0 و XF 2.1 طريقة نقل ويدجات xenforo من اليسار إلى اليمين 2019-11-25

لا يوجد تصريح للتنزيل
الاضافة متوافقة مع
2.0, 2.1
بسم الله الرحمن الرحيم
أهلا بكم في شرح جديد وإن شاء الله يكون مفيد
شرحنا اليوم يتمثل في كيفية نقل القطع من اليسار إلى اليمين.
الحالة الطبيعية لسكربت XenForo وعلى حسب اللغة الخاصة بك يكون موضع القطع في يسار المنتدى في حال كانت اللغة بالعربية .
ويكون موضعها في اليمين إذا كانت اللغة بالإنجليزية
ومع الأسف ليس هناك خيار للتحكم في إتجاه القطع من داخل السكربت
فقط يوجد الخيار في بعض الثيمات المخصصة مثل ثيم Dimension وغيره من الثيمات المدفوعة غالية الثمن
وبالطبع هناك بعض المستخدمين يحبون تغيير موضع القطع
وهذا ما سنشرحه اليوم بإذن الله
ولكي يتضح لكم الأمر أليكم صورة من حالة القطع الإفتراضية قبل التعديل





المعلومات
اسم الشرح: طريقة نقل القطع من اليسار إلى اليمين
توافق الشرح: xf2.0/xf2.1
موقع مقدم الشرح: mx-blind.com
مقدم الشرح: أحمد بكر @MesterPerfect

الشرح

ندخل إلى لوحة التحكم -==> المظهر -==> القوالب
نختار الستايل الذي نريد تعديله

نبحث عن قالب PAGE_CONTAINER

ثم نبحث فيه عن الكود التالي:

HTML:
            <xf:if is="$sidebar">
                <div class="p-body-sidebar">
                    <xf:ad position="container_sidebar_above" />
                    <xf:foreach loop="$sidebar" value="$sidebarHtml">
                        {$sidebarHtml}
                    </xf:foreach>
                    <xf:ad position="container_sidebar_below" />
                </div>
            </xf:if>
نقوم بعمل له نسخ ثم حذفه من مكانه
ثم في نفس القالب نبحث عن

HTML:
<div class="p-body-content">
                <xf:ad position="container_content_above" />
                <div class="p-body-pageContent">{$content|raw}</div>
                <xf:ad position="container_content_below" />
            </div>
ونقوم بوضع الكود الذي قمنا بنسخه قبل قليل فوقه مباشرتا

ثم نبحث عن قالب app_body.less
ونبحث فيه عن الكود التالي

CSS:
    .p-body-main--withSidebar &
    {
        padding-right: @xf-sidebarSpacer;
    }
ونقوم باستبداله بالكود التالي

CSS:
.p-body-main--withSidebar &
    {
        padding-left: @xf-sidebarSpacer;
    }
ومبروك عليكم
تم نقل القطع من اليسار إلى اليمين
وهذه صورة من العمل





وبهذا ينتهي شرحنا لهذا اليوم
ونلقاكم قريبا إن شاء الله
والسَلام عليكم ورحمة الله وبركاته
  • أعجبني
التفاعلات: Alrajabane و XenArabia
الكاتب
MesterPerfect
التنزيلات
2
المشاهدات
51
الإصدار الأول
آخر تحديث
تقييم
0.00 نجوم 0 تقييمات

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة زين العربية .

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

إحصائيات المنتدى

المواضيع
659
المشاركات
5,116
الأعضاء
240
آخر عضو مسجل
khanowner
أعلى