إضافة أيقونات Fontawesome إلى صفحة الأعضاء

[أبو غَيْث]

بسم الله الرحمان الرحيم​

زوار و أعضاء زين فورو العربية XenArabia أهلا وسهلا بكم من جديد مع درس من دروس إضفاء الجمالية على المنتدى ،
في هذا الدرس لدينا كود يمكننا من إظهار أيقونات Fontawesome الرائعة بصفحة أبرز الأعضاء

طريقة التركيب :

قم بنسخ الكود التالي و ضعه في قالب Extra.less

/* كود أيقونات بصفحة قائمة أبرز الأعضاء */
[data-template="member_notable"] .p-body-sideNavContent a.blockLink,
&[data-template="member_notable"] h3.block-textHeader a {
    &:before {
        .m-faBase();
        padding-right: 5px;
    }
    &[href*="members/"]:before {
        .m-faContent(@fa-var-ellipsis-h-alt);
    }
    &[href*="key=most_messages"]:before {
        .m-faContent(@fa-var-comments);
    }
    &[href*="key=highest_reaction_score"]:before {
        .m-faContent(@fa-var-thumbs-up);
    }
    &[href*="key=most_points"]:before {
        .m-faContent(@fa-var-dot-circle);
    }
    &[href*="key=xfrm_most_resources"]:before {
        .m-faContent(@fa-var-cog);
    }
    &[href*="key=xfmg_most_media_items"]:before {
        .m-faContent(@fa-var-images);
    }
    &[href*="key=xfmg_most_albums"]:before {
        .m-faContent(@fa-var-image);
    }
    &[href*="key=todays_birthdays"]:before {
        .m-faContent(@fa-var-gift);
    }
    &[href*="key=staff_members"]:before {
        .m-faContent(@fa-var-user-tie);
    }
}
/*****/

وهذه نتيجة الكود

​

ملاحظة : في حالة أردت تغير الأيقونة فقط قم بتغير ما بعد @fa-var-

 

[S.N.A.K.E]

عاشت الايادي تم التطبيق

 

[أبو عبدالله]

ماشاء الله تبارك الله

تعديل روعة