شرح اضافة ايقونات لمربعات التسجيل

[codeNET]

اضافة ايقونات جميلة لمربعات التسجيل ، وتظهر بصورة جميلة ورائعة .

قبل التعديل

بعد التعديل


للنتقل الى الشرح والتطبيق :
من يستخدمون النسخة XF 2.1 يضعون الكود التالي في قالب extra.less

/* 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(); كالتالي :

.m-faBase('Pro', @faWeight-solid);

---

للعمل على نسخة 2.3 الاحدث :

/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn::before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f2f6";
    padding-right: 5px;
    color: #E6BB5C;
}

.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register::before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f084";
    padding-right: 5px;
    color: #E6BB5C;
}
/**********/

تحياتي ..
اعضاء منتدى كود نت

 

[masrysat.com]

بارك الله فيك