XF 2.0 و XF 2.1 - إضافة أيقونة بجانب عبارة التسجيل و تسجيل الدخول | زين العربية | XenArabia

XF 2.0 و XF 2.1 إضافة أيقونة بجانب عبارة التسجيل و تسجيل الدخول

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,252
مستوى التفاعل
1,032
النقاط
113
العمر
36
الإقامة
المغرب
الموقع الالكتروني
بسم الله و الصلاة و السلام على رسول الله صلى الله عليه وسلم ..

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

صورة قبل التعديل

42


صورة بعد التعديل

44
من يستخدمون النسخة XF 2.1 يضعون الكود التالي في قالب extra.less

CSS:
/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    .m-faBase();
    .m-faContent(@fa-var-sign-in, 1em);
    color: #E6BB5C;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    .m-faBase();
    .m-faContent(@fa-var-key, 1em);
    color: #E6BB5C;
}
/**********/
في حالة أردت إستبدال الأيقونات ب أيقونات Pro فقم بتغيير الكود .m-faBase(); كالتالي :

Less:
.m-faBase('Pro', @faWeight-solid);
أما من يستخدمون النسخة 2.0 فيضعون الكود التالي في قالب extra.less

CSS:
/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    font-family: FontAwesome;
    content: "\f090";
    color: #E6BB5C;
    padding-right: 5px;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    font-family: FontAwesome;
    content: "\f084";
    color: #E6BB5C;
    padding-right: 5px;
}
/**********/
[ صاحب الدرس الأصلي ] : Icons for Login and Register buttons
[ معيد مقدم الدرس ] : XenArabia | زين فورو العربية

خالص المودة و الإحترام
 
التعديل الأخير:

Alrajabane

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
333
مستوى التفاعل
274
النقاط
63
الإقامة
السعودية
الموقع الالكتروني
عافاك الرحمن اخي الكريم ..
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,252
مستوى التفاعل
1,032
النقاط
113
العمر
36
الإقامة
المغرب
الموقع الالكتروني

ِِAraby5050

الحمد لله رب العالمين
إنضم
22 فبراير 2019
المشاركات
66
مستوى التفاعل
65
النقاط
18
الإقامة
مصر
أما من يستخدمون النسخة 2.1 فيضعون الكود التالي في قالب extra.less
تعديل اخى

هذا الكود ليس للنسخه 2.1

بل الكود بالاعلى هو للنسخه 2.1
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,252
مستوى التفاعل
1,032
النقاط
113
العمر
36
الإقامة
المغرب
الموقع الالكتروني
تعديل اخى

هذا الكود ليس للنسخه 2.1

بل الكود بالاعلى هو للنسخه 2.1
بارك الله فيك أخي على التنبيه
تم التعديل
 

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة زين العربية .

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

إحصائيات المنتدى

المواضيع
528
المشاركات
3,885
الأعضاء
186
آخر عضو مسجل
walid9253
أعلى