بسم الله و الصلاة و السلام على رسول الله صلى الله عليه وسلم ..
في درسنا اليوم والذي يتعلق بإضفاء جمالية على المنتدى ، سيكون حول إضافة أيقونة بجانب عبارة تسجيل الدخول و عبارة التسجيل
صورة قبل التعديل
صورة بعد التعديل
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 | زين فورو العربية
خالص المودة و الإحترام
التعديل الأخير:
