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

موقع كيف افضل موقع للرد على جميع اسئلتك موقع كيف بوابتك للمستقبل
معهد الكود الخامس
موقع حلبية الموقع الاول في العالم العربي لللمعلومات الصحيحة

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة

معلومات العضو

إنضم
23 يناير 2019
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني
نشاط أبو غَيْث:
4,746
22
2,909
  • إضافة أيقونات Fontawesome إلى صفحة الأعضاء
بسم الله الرحمان الرحيم
زوار و أعضاء زين فورو العربية 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
المشاركات
143
مستوى التفاعل
50
النقاط
28
عاشت الايادي تم التطبيق
 

المواضيع المتشابهة

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

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::
أعلى