طريقة نقل ويدجات xenforo من اليسار إلى اليمين | معهد زين العربية
تجارتنا منصة تجارية تساهم في تطور التجارة العالمية والاقتصاد
موقع كيف افضل موقع للرد على جميع اسئلتك موقع كيف بوابتك للمستقبل
موقع حلبية الموقع الاول في العالم العربي لللمعلومات الصحيحة
أيقونة المنتج

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

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


2zAG7NP.png



المعلومات
اسم الشرح: طريقة نقل القطع من اليسار إلى اليمين
توافق الشرح: 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;
    }

ومبروك عليكم
تم نقل القطع من اليسار إلى اليمين
وهذه صورة من العمل


bbOuaYZ.png



وبهذا ينتهي شرحنا لهذا اليوم
ونلقاكم قريبا إن شاء الله
والسَلام عليكم ورحمة الله وبركاته
الكاتب
MesterPerfect
التنزيلات
5
المشاهدات
903
الإصدار الأول
آخر تحديث
تقييم
0.00 نجوم 0 تقييمات

منتجات أخرى من MesterPerfect

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

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

الأعضاء المتصلون

لا يوجد أعضاء متصلون الآن.

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

المواضيع
1,721
المشاركات
18,945
الأعضاء
694
آخر عضو مسجل
bbfulajkgyyncejqyu@kvhrw.
أعلى