[XF 2.x] : كيفية تحويل التبويبات العلوية إلى قوائم منسدلة

بسم الله الرحمن الرحيم أهلا بكم في شرح جديد وإن شاء الله يكون مفيد شرحنا اليوم يتمثل في كيفية تحويل التبويبات العلوية إلى قوائم منسدلة المعلومات اسم الشرح: كيفية تحويل التبويبات العلوية إلى قوائم...
بسم الله الرحمن الرحيم
أهلا بكم في شرح جديد وإن شاء الله يكون مفيد
شرحنا اليوم يتمثل في كيفية تحويل التبويبات العلوية إلى قوائم منسدلة
المعلومات
اسم الشرح: كيفية تحويل التبويبات العلوية إلى قوائم منسدلة
توافق الشرح: xf2.1
مقدم الشرح: أحمد بكر @MesterPerfect

الشرح

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

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

كود:











ونستبدله بالكود التالي
كود:





















ثم نبحث عن قالب كود:
extra.less
ونضيف فيه الكود التالي
كود:
.menu--structural .menu-content
{
overflow: visible !important;
.nav-popout
{
position: relative;

&:hover .nav-popout--menu { display: block; }
> .nav-has-children:after
{
.m-faBase();
.m-faContent("\f0da");
float: right;
}
.nav-popout--menu
{
display: none;
position: absolute;
right: -200px;
top: 0;
width: 200px;
background-color: @xf-contentBg;
border: 1px solid @xf-borderColor;
}
}
}
والنتيجة تكون هكذا



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

مُزْنٌ يَهْطُل وشَلآلٌ يَتَدَفَقْ
بَطِرُحَآتِكْ الْرَآئِعَةْ الْجَمِيلَةَ
بِإخْتِيَآرْ يَفُوقْ الْوَصْفْ والْتَعْبِيِرْ
فَإلَى الأَمَآمْ بِإنْتِظآرِ جَدِيِدِكْ بِشَوقْ
وفَقِكْ الْلَه تَعَآلَى

يعطِـــيكْ العَآفيَـــةْ..
عَلَـــىْ روْعـــَــةْ طرْحِـــكْ’..
بإآنْتظَـــآرْ الَمزيِــدْ منْ إبدَآعِكْ ..
لــكْ ودّيْ وَأكآليلَ ورْديْ

موضوع في غاية الروعه والجمال
سلمت اناملك على الذوق الأكثر من رائع
دام التميز والتالق والعطاء

جلب راقي وانتقاء مميز
بوركت جهودك المثمرة
ولا حرمنا عطائك
ودي ..

-



-


سلمت يداك
بآقآت الشكر والتقدير