• منتديات شباب الرافدين .. تجمع عراقي يقدم محتوى مميز لجميع طلبة وشباب العراق .. لذا ندعوكم للانضمام الى اسرتنا والمشاركة والدعم وتبادل الافكار والرؤى والمعلومات. فأهلاَ وسهلاَ بكم.
Ibn AliraQ

تعديل قالب تثبيت القائمة الجانبية - زين فورو

  • بادئ الموضوع بادئ الموضوع Ibn AliraQ
  • تاريخ البدء تاريخ البدء
  • الردود الردود 4
  • المشاهدات المشاهدات 1K

Ibn AliraQ

ヅ واحد من الناس ヅ
السمعة: 100%
النقاط 297
الحلول 0
إنضم
2018-08-28
المشاركات
17,578
مستوى التفاعل
6,934
النقاط
297
الإقامة
العراق
Ibn AliraQ
إصدار الزين فورو
XenForo 2.x
مساكم الله بالخير

شرح بسيط ومفيد للكثير من اصحاب المواقع ..
وهو تثبيت القائمة الجانبية بالمنتدى عند التصفح من الكومبيوتر ..
الطريقة بسيطة وهي كالاتي:
اضافة الكود التالي اخر قالب extra.less
انتهى

الكود هو:
CSS:
@m-sticky-top: 48px;
@media (min-width: (@xf-responsiveWide + 1px)) {
    .p-body-main--withSidebar {
        display: flex;
        align-items: flex-start;
        .p-body-content {
            flex: 1 1 auto;
            display: block;
            width: ~"calc(100% - @xf-sidebarWidth)";
        }
        .p-body-sideNav,
        .p-body-sidebar {
            flex: 0 0 auto;
            display: block;
        }
        @supports ((position: sticky) or (position: -webkit-sticky)){
            .p-body-sidebar {
                position: -webkit-sticky;
                position: sticky;
                top: 10px;
                & when (@xf-publicNavSticky = primary) or (@xf-publicNavSticky = all) {
                    top: @m-sticky-top * 1px + 10px;
                }
            }
        }
    }
}
 
عاشت أيدك مدير
 
شكرا جزيلا مديرنا
 
عودة
أعلى أسفل