منتديات انفاس الحب

منتديات انفاس الحب (https://a-al7b.com/vb/index.php)
-   ❀ تطوير المواقع والمنتديات ❀ (https://a-al7b.com/vb/forumdisplay.php?f=64)
-   -   [XF 2.x] : كيفية تحويل التبويبات العلوية إلى قوائم منسدلة (https://a-al7b.com/vb/showthread.php?t=23629)

- آتنفسك❀ 09-04-2020 01:15 PM

[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

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

- وَرد. 09-04-2020 04:31 PM

-



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

- الــعًلآ 09-04-2020 10:20 PM

_






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

eyes beirut 10-04-2020 10:05 AM

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

أسيرة الصمت 10-04-2020 03:57 PM

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

مـــاضي 11-04-2020 10:31 AM

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

غلا الشوق 11-04-2020 05:12 PM

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

- جَمَرةْ ، 12-04-2020 04:38 AM

/~




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

ذُّهُـــولِ 29-04-2020 06:43 PM


,‘*

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

لذة مطر ..! 14-05-2020 07:59 AM

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

- دَجنْ ، 29-07-2020 03:37 PM

-




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

يــوسف 12-05-2022 08:02 PM

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

- مُبهَم. 24-07-2022 09:04 PM

_
،
















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

صمتاً 08-08-2022 08:50 AM

.
.


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

ʂąɱąя 29-09-2022 05:49 PM

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

♔ قمر بغداد ♔ 30-09-2022 03:11 PM

يعطَيك العآفية ..
مودتي واكاليل الزهر
دمت بخير

ʂąɱąя 14-10-2022 01:16 AM

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

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

فروله توت ♩ 18-11-2022 07:05 PM

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

- آرَسسْ ، 19-06-2023 03:31 PM





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

- آرَسسْ ، 19-06-2023 03:31 PM





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

سموالروح 17-07-2023 11:11 PM

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

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

عَجبْ عَينك 09-11-2023 10:10 AM

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


الساعة الآن 01:47 AM

تصحيح تعريب Powered by vBulletin® Copyright ©2016 - 2024 
new notificatio by 9adq_ala7sas
User Alert System provided by Advanced User Tagging (Lite) - vBulletin Mods & Addons Copyright © 2024 DragonByte Technologies Ltd.
تنويه : المشاركات المطروحة تعبر عن وجهة نظر أصحابها وليس بالضرورة تمثل رأي أدارة آنفاس الحب

Security team

This Forum used Arshfny Mod by islam servant