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

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
469
مستوى التفاعل
555
النقاط
93
العمر
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
المشاركات
169
مستوى التفاعل
163
النقاط
43
الإقامة
السعودية
الموقع الالكتروني
عافاك الرحمن اخي الكريم ..
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
469
مستوى التفاعل
555
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني

ِِAraby5050

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

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

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
469
مستوى التفاعل
555
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
تعديل اخى

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

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

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

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

المواضيع
232
المشاركات
1,296
الأعضاء
83
آخر عضو مسجل
fr3on
أعلى