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

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

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

Ibn AliraQ

ヅ واحد من الناس ヅ
السمعة: 100%
النقاط 297
الحلول 0
إنضم
2018-08-28
المشاركات
17,632
مستوى التفاعل
6,991
النقاط
297
الإقامة
العراق
Ibn AliraQ
إصدار الزين فورو
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^
."
 
محتوى مشابه الاكثر مشاهدة عرض المزيد
عودة
أعلى أسفل