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

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

  • بادئ الموضوع بادئ الموضوع Ibn AliraQ
  • تاريخ البدء تاريخ البدء
  • الردود الردود 3
  • المشاهدات المشاهدات 672

Ibn AliraQ

ヅ واحد من الناس ヅ
المدير العام للمنتديات
إنضم
2018-08-28
المشاركات
17,413
مستوى التفاعل
6,778
النقاط
297
الإقامة
العراق
جوهرة
დ117,925
الجنس
ذكر
إصدار الزين فورو
XenForo 2.x
مرحبا ..
كود بسيط يمكن اضافته الى قالب Extra.less في زين فورو
مهمته فتح القوائم في النافبار تلقائيا عند مرور الماوس عليها مباشرة

المثال: ستايل شباب الرافدين

الكود هو:

CSS:
@media (min-width: (@xf-responsiveWide + 1))
{
    .has-no-touchevents .p-nav, .has-no-touchevents .p-sectionLinks
    {
        .p-navEl[data-has-children]
            {
                position: relative;
                &:hover:not(.is-selected) .menu
                {
                    display: block;
                    opacity: 1;
                    top: @header-navHeight;
                    z-index: @zIndex-4;
                    
                }
                .p-navEl-splitTrigger { pointer-events: none; }
        }
        .hScroller { overflow: visible; }
        .hScroller-scroll
        {
            margin-bottom: 0 !important;
            overflow: visible;
            padding-bottom: 0 !important;
        }
    }
    .has-no-touchevents .p-sectionLinks .p-navEl[data-has-children]:hover:not(.is-selected) .menu { top: @header-subNavHeight; }
}

انتهى
 
"

شكراً لطرحك الكود
والمواضيع التي تحمل الفائدة .."
لقلبك وروحك..
&107^
."
 
عودة
أعلى أسفل