إضافة أيقونة بجانب عبارة التسجيل و تسجيل الدخول | معهد زين العربية

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

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
4,601
مستوى التفاعل
2,857
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني
بسم الله و الصلاة و السلام على رسول الله صلى الله عليه وسلم ..

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

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

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 | زين فورو العربية

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

ِِAraby5050

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

تعديل اخى

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

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

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
4,601
مستوى التفاعل
2,857
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني
تعديل اخى

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

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

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

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

الأعضاء المتصلون

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

المواضيع
1,433
المشاركات
14,588
الأعضاء
541
آخر عضو مسجل
elwanelwan
أعلى