طريقة نقل ويدجات 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
المشاهدات
659
الإصدار الأول
آخر تحديث
تقييم
0.00 نجوم 0 تقييمات

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

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

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

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

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

المواضيع
1,619
المشاركات
17,581
الأعضاء
602
آخر عضو مسجل
محمود ارباي
أعلى