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

منتديات انفاس الحب (https://a-al7b.com/vb/index.php)

- ❀ تطوير المواقع والمنتديات ❀ (https://a-al7b.com/vb/forumdisplay.php?f=64)

[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;
}
}
}
والنتيجة تكون هكذا

https://i.imgur.com/bZN5meO.gif

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

-

آنتقاء مُكلل بِ الجمال
بِ آنتظار تألق آخر
لكِ كل السعادة يِ نقاء :241:.

_

:
حُضورك أثرى و أفاضَ عُطر المَكان
ممُتنه لك
جُل شُكري و أعذَب التحايَا لشخصَك..

تسلم ايدك ع الطرح

جلب رائع
الف شكر
لاعدمناك
:100:

طرح رآقي گ روحـگ
لآعدمنا جمآل ذآئقتگ
تحية صادقه من الاعماق
وبآنتظار جديد آبداعكگ دائمآ
ودي لگ

يعطيك العافيه
طرح راقي
ومتميز
سلمت يديك

/~

جلبٌ يفوق البهاءَ
لـا حُرمنا جَزيل عطائـِك
وّ مدائن من الشٌكر لـــ روُحك
ولِقلبِكْ الأُوركِيدَ ..
:rose::rose:

,‘*

أختيااار أكـثر من رااائـع ’
وُجودك لـه وآقعٌ مُختلف / وكله تميز ..
شُكراً تمتد عميقاً وتنتشي لك بالورد
|‘

تسلم الايادي ,
يعطيك العافيه ,

-

*
جَميل جدَآ مَـآتـم طُرحه هِنآ ..
سِلمت الآكفَ بِما أبدعتَ
الشُُكر لك ولآ يَفيْ :ff1 (27)::ff1 (49): . .

كل الشكر لك على طرحك المميز والمفيد
يسلم لي المجهود الرآئع
الله يعطيك العافية

_
،

اِخْتِيَار مُرْفَقٍ بفآئِدةَ تكُنوِلوُجِيةَ . .
كُلُّ اَلشُّكْرِ لِهَذَا اَلْإِمْتَاعِ . .
تَحِيَّتِي لِوهُجِ إُبدِآعَكّ . .
~

.
.

لكم من الابداع رونقه
ومن الاختيار جماله
دام لنا عطائكم المميز والجميل https://a-al7b.com/vb/images/smilies/ff1%20(6).gif

سَلِمت الأنَامِل المُتألِقة لِروعَة طَرحهَا
دَام العطَاء والتَميّز المُتواصِل
لرُوحك السّعادة

يعطَيك العآفية ..

مودتي واكاليل الزهر
دمت بخير

سَلِمت الأنَامِل المُتألِقة لِروعَة طَرحهَا
دَام العطَاء والتَميّز المُتواصِل
لرُوحك السّعادة

:241::ff1 (153)::241:

الف شكر لكِم على الروعة وجمال الانتقاء
سلمت يداكم على طرحكم الاكثر من رائع
و الله يعطيكم الف عافيه...
وفي انتظاااار جديدكم...
.*. دمتِم بسعاده لاتغادر روحكم.*.

•.
سلمت أناملك على الطرح المميّز:241:
ويعطيك العافية على المجهود المبذول:ff1 (27):
ما ننحرم من فيض عطائك وإبداعك:241:
لك تحياتي وفائق شكري:ff1 (27):
ولك كل الود:241:

سلمت أناملك على الطرح الجميل
ما ننحرم من فيض عطائك وإبداعك
ننتظر كل جديد يفيض به قلمك

لك تحياتي وفائق شكري
ولك كل الاحترام

سلمت يداك على الانتقاء / مانحرم منك يارب . :ff1 (210):