عرض مشاركة واحدة
احصائياتى

الردود
8

المشاهدات
1786
MesterPerfect
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • MesterPerfect is a splendid one to beholdMesterPerfect is a splendid one to beholdMesterPerfect is a splendid one to beholdMesterPerfect is a splendid one to beholdMesterPerfect is a splendid one to beholdMesterPerfect is a splendid one to beholdMesterPerfect is a splendid one to beholdMesterPerfect is a splendid one to behold

  • MesterPerfect غير متواجد حالياً

المشاركات
2,822

+التقييم
199

تاريخ التسجيل
Jan 2018

الاقامة
sohag, Egypt

نظام التشغيل
windows 8.1

رقم العضوية
1529
11-25-2019, 08:09 PM
المشاركة 1
11-25-2019, 08:09 PM
المشاركة 1
افتراضي طريقة نقل قطع منتديات XenForo من اليسار إلى اليمين
بسم الله الرحمن الرحيم
أهلا بكم في شرح جديد وإن شاء الله يكون مفيد
شرحنا اليوم يتمثل في كيفية نقل القطع من اليسار إلى اليمين.
الحالة الطبيعية لسكربت XenForo وعلى حسب اللغة الخاصة بك يكون موضع القطع في يسار المنتدى في حال كانت اللغة بالعربية.
ويكون موضعها في اليمين إذا كانت اللغة بالإنجليزية
ومع الأسف ليس هناك خيار للتحكم في إتجاه القطع من داخل السكربت
فقط يوجد الخيار في بعض الثيمات المخصصة مثل ثيم Dimension وغيره من الثيمات المدفوعة غالية الثمن
وبالطبع هناك بعض المستخدمين يحبون تغيير موضع القطع
وهذا ما سنشرحه اليوم بإذن الله
ولكي يتضح لكم الأمر أليكم صورة من حالة القطع الإفتراضية قبل التعديل





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

الشرح

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

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

كود:
            <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>
نقوم بعمل له نسخ ثم حذفه من مكانه
ثم في نفس القالب نبحث عن

كود:
<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
ونبحث فيه عن الكود التالي

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

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





وبهذا ينتهي شرحنا لهذا اليوم
ونلقاكم قريبا إن شاء الله
والسَلام عليكم ورحمة الله وبركاته