09-04-2020
|
#1
|
[IMG]https://i.top4top.io/p_1977a68pb2.gif[/IMG]
[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;
}
}
}
والنتيجة تكون هكذا
وختاما
أرجو أن يكون هذا الشرح قد نال أعجابكم
ونراكم في شروحات أخرى إن شاء الله
والسَلام عليكم ورحمة الله وبركاته
|
|
.
.
.
.
|
09-04-2020
|
#2
|
-
آنتقاء مُكلل بِ الجمال
بِ آنتظار تألق آخر
لكِ كل السعادة يِ نقاء .
|
|
|
09-04-2020
|
#3
|
[IMG]https://www.arabsharing.com/do.php?img=301563[/IMG]
_
:
حُضورك أثرى و أفاضَ عُطر المَكان
ممُتنه لك
جُل شُكري و أعذَب التحايَا لشخصَك..
|
|
|
10-04-2020
|
#4
|
[img]https://www.arabsharing.com/do.php?img=306585[/img]
تسلم ايدك ع الطرح
|
|
|
10-04-2020
|
#5
|
[url=https://a-al7b.com/up/][img]https://a-al7b.com/up/uploads/160728389265861.gif[/img][/url]
جلب رائع
الف شكر
لاعدمناك
:100:
|
|
GRAM
كلم الثناء لايفي
مقدار هذا التفرد
المخمل عظيم شكري
لروحك ي طُهر
|
11-04-2020
|
#6
|
طرح رآقي گ روحـگ
لآعدمنا جمآل ذآئقتگ
تحية صادقه من الاعماق
وبآنتظار جديد آبداعكگ دائمآ
ودي لگ
|
|
|
11-04-2020
|
#7
|
[IMG]https://g.top4top.io/p_2276tcnsi1.gif[/IMG]
يعطيك العافيه
طرح راقي
ومتميز
سلمت يديك
|
|
Orchid
مليييون شكر ياعمري على الاهداء
اللي اسعدني ربي يسعدكك
صدددوش
توأم روحي
ربي مايحرمني منك ي أجمل صدفة في حياتي
|
12-04-2020
|
#8
|
[img]https://up6.cc/2024/01/170411299363491.gif[/img]
/~
جلبٌ يفوق البهاءَ
لـا حُرمنا جَزيل عطائـِك
وّ مدائن من الشٌكر لـــ روُحك
ولِقلبِكْ الأُوركِيدَ ..
|
|
|
29-04-2020
|
#9
|
[IMG]https://up6.cc/2023/11/169962718858334.gif[/IMG]
[FONT=sakkal majalla ][COLOR=Red][SIZE=4][SIZE=4]قَـصـيِـمَيـه..[/SIZE][/SIZE][/COLOR][/FONT]
,‘*
أختيااار أكـثر من رااائـع ’
وُجودك لـه وآقعٌ مُختلف / وكله تميز ..
شُكراً تمتد عميقاً وتنتشي لك بالورد
|‘
|
|
|
14-05-2020
|
#10
|
[IMG]https://c.top4top.io/p_2191adcr31.gif[/IMG]
تعليمات المشاركة
|
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
كود HTML معطلة
|
|
|
الساعة الآن 12:12 AM
| | | | | | | | | |