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

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

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

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

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

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

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

المواضيع
1,944
المشاركات
20,822
الأعضاء
864
آخر عضو مسجل
احمد سعداوي
أعلى