XF 2.1 - إضافة أيقونات Fontawesome إلى صفحة الأعضاء | XenArabia | زين فورو العربية

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
807
مستوى التفاعل
813
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
بسم الله الرحمان الرحيم
زوار و أعضاء زين فورو العربية 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);
    }
}
/*****/
وهذه نتيجة الكود

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

S.N.A.K.E

:: الأعضاء ::
إنضم
23 فبراير 2019
المشاركات
43
مستوى التفاعل
26
النقاط
18
عاشت الايادي تم التطبيق
 

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

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

المواضيع
360
المشاركات
2,316
الأعضاء
118
آخر عضو مسجل
sameh
أعلى