بسم الله الرحمان الرحيم
زوار و أعضاء زين فورو العربية XenArabia أهلا وسهلا بكم من جديد مع درس من دروس إضفاء الجمالية على المنتدى ،في هذا الدرس لدينا كود يمكننا من إظهار أيقونات Fontawesome الرائعة بصفحة أبرز الأعضاء
طريقة التركيب :
قم بنسخ الكود التالي و ضعه في قالب
Extra.less
CSS:
/* كود أيقونات بصفحة قائمة أبرز الأعضاء */
[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-
التعديل الأخير:
