دليل المواقع دمز




ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

طريقة اظهار الشريط الجانبي او اخفائه

بسم الله الرحمن الرحيم الحمد لله والصلاة والسلام على رسول الله نبينا محمد عليه افضل الصلاة واتم التسليم...

احصائياتى

الردود
3

المشاهدات
271
shqawe
.:: مطور XenForo ::.
  • shqawe is just really niceshqawe is just really niceshqawe is just really niceshqawe is just really nice

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

المشاركات
114

+التقييم
71

تاريخ التسجيل
Oct 2019

الاقامة
K.S.A

نظام التشغيل
Linux

رقم العضوية
2101
03-22-2020, 05:37 PM
المشاركة 1
03-22-2020, 05:37 PM
المشاركة 1
افتراضي طريقة اظهار الشريط الجانبي او اخفائه
بسم الله الرحمن الرحيم

الحمد لله والصلاة والسلام على رسول الله نبينا محمد عليه افضل الصلاة واتم التسليم

اللهم لا علم لنا إلا ما علمتنا، إنك أنت العليم الحكيم، اللهم علمنا ما ينفعنا، وانفعنا بما علمتنا، وزدنا علما،




اقدم لكم اليوم طريقة اظهار واخفاء الشريط الجانبي في نسخ xenforo وكان هناك طلب لاحد الاعضاء يسأل عن الطريقة فاحببت ان افيد بها الجميع ولا نريد سوى الدعاء لنا ولوالدينا

بسم الله نبدأ :


افتح قالب PAGE_CONTAINER وابحث عن:

كود:
<div class="p-body-main
وضع فوقه هذا الكود:


كود:
<div class="hide_sidebar">             <xf:if is="$sidebar">                 <span id="collapse-side" class="sidebar-btn {{ !is_toggled('xensidebarCollapse') ? ' is-active' : '' }}"                       data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie"                       data-target=".p-body-main--withSidebar" data-storage-key="xensidebarCollapse">                 </span>             </xf:if>         </div>
ثم ابحث عن هذا الكود في نفس القالب:



كود:
<div class="p-body-main {{ $sidebar ? 'p-body-main--withSidebar' : '' }} {{ $sideNav ? 'p-body-main--withSideNav' : '' }}">
واستبدله بهذا الكود:


كود:
<div class="p-body-main {{ $sidebar ? 'p-body-main--withSidebar' : '' }} {{ $sideNav ? 'p-body-main--withSideNav' : '' }}{{ !is_toggled('xensidebarCollapse') ? ' xy_default' : '' }}">
ثم قم بوضع هذا الكود في قالب extra.less مع تغيير ما يلزم حسب ذوقك واستايل موقعك:


كود:
         .sidebar-btn{     background:#fff;     padding: 1px 7px;     font-size: 16pt;     color:#4bcbdf;     border: 1px solid #d4d4d4;     border-radius: 3px;     line-height: 28px;          &:hover{             background: #4bcbdf;             color: #fff;     }// End hover sidebar-btn          &:before{         .m-faBase('Pro');            .m-faContent(@fa-var-arrow-square-left);     }// End before sidebar-btn          &.is-active:before{         .m-faBase('Pro');            .m-faContent(@fa-var-arrow-square-right);         color:#ce3451;     }// End is-active:before      } // End sidebar-btn tag  .p-body-main.p-body-main--withSidebar.is-active .p-body-content, .p-body-main.p-body-main--withSideNav.is-active .p-body-content {         width: 100%;         max-width: 100%;         padding-right: 0;     }      .p-body-main.p-body-main--withSidebar.is-active .p-body-sidebar, .p-body-main.p-body-main--withSideNav.is-active .p-body-sidebar, .p-body-main.p-body-main--withSidebar.is-active .p-body-sideNav, .p-body-main.p-body-main--withSideNav.is-active .p-body-sideNav {         width: 0;         height: 0;         opacity: 0;         overflow: hidden;         display: none;     }

وان شاء الله ان اسعفني الوقت بعد الانتهاء من بعض الطلبات التي لدي سوف اقوم بعمل اضافة خاصة تقوم بنفس العمل لاخواننا الذي لايملكون خبرة في مجال اللعب مع الاكواد

ان اصبت فهذا من فضل الله علي وان اخطأت فجل من لايخطأ

الدرس مقدم من معهد زين العربية

تقبلوا احترامي وتقديري
اخوكم
شقاوي

قديم 03-22-2020, 06:49 PM
المشاركة 2
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: طريقة اظهار الشريط الجانبي او اخفائه
الله يزيدك من علمه

احسنت اخى

والله الواحد مالهوش نفس لا اى شى فى هذه الظروف

قديم 03-22-2020, 07:11 PM
المشاركة 3
shqawe
.:: مطور XenForo ::.
  • shqawe غير متواجد حالياً
افتراضي رد: طريقة اظهار الشريط الجانبي او اخفائه
اللهم امين واياك يالغالي



والله انك صادق اخوي ابو كريم لكن ان شاء الله ربي كريم وراح يرفع عن الامة الاسلامية هذا الوباء وتعود المياة لمجاريها

قديم 03-26-2020, 03:35 AM
المشاركة 4
ahmedkhalifa
.:: عضو مشارك ::.
  • ahmedkhalifa غير متواجد حالياً
افتراضي رد: طريقة اظهار الشريط الجانبي او اخفائه
مبدع حفظك الله ياغالي

هل من ممكن طريه او كود لتمديد المنتدي تلقائي


بدون م اضغط هون

اضافة رد

العلامات المرجعية

طريقة اظهار الشريط الجانبي او اخفائه


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: طريقة اظهار الشريط الجانبي او اخفائه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ شرح ] : عرض مجموعات الأعضاء في الشريط الجانبي بنفس الألوان تلقائيا maaidni ركن شروحات الزين فورو XENFORO 5 06-09-2019 11:49 PM
إظهار آخر المشاركات و آخر المواضيع في الشريط الجانبي هيلبرنت اضافات الزين فورو XENFORO 3 05-24-2019 12:58 PM
[ BBcode] : إخفاء الشريط الجانبي Sidebar maaidni ركن شروحات الزين فورو XENFORO 3 05-07-2019 10:54 PM
[XF 2.x] : طريقة اضافة صندوق الإعجاب الخاص بالفيس بوك في الشريط الجانبي هيلبرنت ركن شروحات الزين فورو XENFORO 5 06-12-2018 04:16 AM
[XF 1.x Add] : هاك محول الشريط الجانبي Sidebar Switcher هيلبرنت اضافات الزين فورو XENFORO 1 10-31-2017 08:35 PM




الساعة الآن 11:07 AM
Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd. TranZ By Almuhajir
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum