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

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,232
مستوى التفاعل
3,359
النقاط
113
العمر
39
الإقامة
المغرب
الموقع الالكتروني
بسم الله الرحمان الرحيم
زوار و أعضاء زين فورو العربية XenArabia أهلا وسهلا بكم من جديد مع درس من دروس إضفاء الجمالية على المنتدى ،
في هذا الدرس لدينا كود يمكننا من إظهار أيقونات
Fontawesome الرائعة بصفحة حساب العضوية.

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

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

CSS:
/* أيقونات في صفحة حساب العضوية */
[data-template="account_alerts"], &[data-template="account_reactions"], &[data-template="account_bookmarks"],
&[data-template="account_details"], &[data-template="account_security"], &[data-template="account_privacy"],
&[data-template="account_preferences"], &[data-template="account_signature"], &[data-template="account_upgrades"],
&[data-template="account_connected"], &[data-template="account_following"], &[data-template="account_ignored"] {
    .p-body-sideNavContent a.blockLink {
        &:before {
            .m-faBase();
            padding-right: 5px;
        }
        &[href*="members/"]:before {
            .m-faContent(@fa-var-user);
        }
        &[href*="account/alerts"]:before {
            .m-faContent(@fa-var-bell);
        }
        &[href*="account/reactions"]:before {
            .m-faContent(@fa-var-thumbs-up);
        }
        &[href*="account/bookmarks"]:before {
            .m-faContent(@fa-var-bookmark);
        }
        &[href*="account/account-details"]:before {
            .m-faContent(@fa-var-user-cog);
        }
        &[href*="account/security"]:before {
            .m-faContent(@fa-var-shield-alt);
        }
        &[href*="account/privacy"]:before {
            .m-faContent(@fa-var-lock);
        }
        &[href*="account/preferences"]:before {
            .m-faContent(@fa-var-cogs);
        }
        &[href*="account/signature"]:before {
            .m-faContent(@fa-var-signature);
        }
        &[href*="account/upgrades"]:before {
            .m-faBase('Brands');
            .m-faContent(@fa-var-paypal);
        }
        &[href*="account/connected-accounts"]:before {
            .m-faContent(@fa-var-users-class);
        }
        &[href*="account/following"]:before {
            .m-faContent(@fa-var-user-plus);
        }
        &[href*="account/ignored"]:before {
            .m-faContent(@fa-var-user-minus);
        }
        &[href*="logout"]:before {
            .m-faContent(@fa-var-sign-out);
        }
    }
}
/*****/

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

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

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
28 يناير 2019
المشاركات
2,580
مستوى التفاعل
1,986
النقاط
113
العمر
23
الإقامة
sohag, Egypt
الموقع الالكتروني
جميل جدا شرح رائع ومفيد
جزاك الله خيرا
 

Prof Jamal

:: الأعضاء ::
إنضم
8 أبريل 2020
المشاركات
19
مستوى التفاعل
8
النقاط
3
الموقع الالكتروني
لووووووووووووووووول ولا كود اشتغل معايا
 

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,232
مستوى التفاعل
3,359
النقاط
113
العمر
39
الإقامة
المغرب
الموقع الالكتروني
لووووووووووووووووول ولا كود اشتغل معايا
اخي كما ذكرت لك في الموضوع السابق
المشكلة انك لا تختار الستايل الذي تود تطبيق الكود عليه
 

Prof Jamal

:: الأعضاء ::
إنضم
8 أبريل 2020
المشاركات
19
مستوى التفاعل
8
النقاط
3
الموقع الالكتروني
اخي كما ذكرت لك في الموضوع السابق
المشكلة انك لا تختار الستايل الذي تود تطبيق الكود عليه
للاسق اختاره !!!!!
 

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,232
مستوى التفاعل
3,359
النقاط
113
العمر
39
الإقامة
المغرب
الموقع الالكتروني
في هذه الحالة اخي قد يكون لديك تعارض في الاكواد لان الكود يعمل بشكل سليم وبدون مشاكل

فضلا ارسال بيانات الادمن للاطلاع على المشكلة
 

Prof Jamal

:: الأعضاء ::
إنضم
8 أبريل 2020
المشاركات
19
مستوى التفاعل
8
النقاط
3
الموقع الالكتروني
@media (min-width: 400px)
{.message-userExtras{ display:initial!important;}}
الكود الي كان عامل مشكل
شكرا لك
 

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,232
مستوى التفاعل
3,359
النقاط
113
العمر
39
الإقامة
المغرب
الموقع الالكتروني
الحمد لله انك وجدت الخطا
بالتوفيق لك
 

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

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

الأعضاء المتصلون

لا يوجد أعضاء متصلون الآن.

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

المواضيع
1,854
المشاركات
20,223
الأعضاء
820
آخر عضو مسجل
Rosum
أعلى