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

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
3,506
مستوى التفاعل
2,139
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
بسم الله الرحمان الرحيم
زوار و أعضاء زين فورو العربية 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

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
1,030
مستوى التفاعل
795
النقاط
113
العمر
20
الإقامة
sohag, Egypt
الموقع الالكتروني
جميل جدا شرح رائع ومفيد
جزاك الله خيرا
 

ِِAraby5050

الحمد لله رب العالمين
إنضم
22 فبراير 2019
المشاركات
66
مستوى التفاعل
65
النقاط
18
الإقامة
مصر
بارك الله فيك اخى

شرح مميز ومجهود رائع سلمت يداك
 

Prof Jamal

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
3,506
مستوى التفاعل
2,139
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
لووووووووووووووووول ولا كود اشتغل معايا
اخي كما ذكرت لك في الموضوع السابق
المشكلة انك لا تختار الستايل الذي تود تطبيق الكود عليه
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
3,506
مستوى التفاعل
2,139
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
في هذه الحالة اخي قد يكون لديك تعارض في الاكواد لان الكود يعمل بشكل سليم وبدون مشاكل

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

Prof Jamal

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
3,506
مستوى التفاعل
2,139
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
الحمد لله انك وجدت الخطا
بالتوفيق لك
 

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

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

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

المواضيع
1,200
المشاركات
10,957
الأعضاء
462
آخر عضو مسجل
noureancien
أعلى