بادئ الموضوع تاريخ البدء
  • المشاهدات 264
  • الردود 1

النوميدي

الإدارة العامة
عضوية موثوقة
إنضم
28 أكتوبر 2022
المشاركات
4,480
مستوى التفاعل
27,357
النقاط
3,530
الإقامة
أرض الله
الموقع الالكتروني
🔗
JG8WkVQ.png

v2CIgCo.png

إن الحمد لله نحمده ونستعيده ونستغفره ونتوب إليه
ونعوذ بالله من شرور أنفسنا ومن سيئات أعمالنا، من يهده الله فلا مضل له ومن يضلل فلا هادي له،
وأشهد أن لا إله إلا الله وحده لا شريك له وأشهد أن محمداً عبده ورسوله،

{{ يَا أَيُّهَا الَّذِينَ آمَنُوا اتَّقُوا اللَّهَ حَقَّ تُقَاتِهِ وَلاَ تَمُوتُنَّ إِلاَّ وَأَنْتُمْ مُسْلِمُونَ *}} [ آل عمران ] ,
من يهد الله فهو المهتدي، ومن يضلل فلن تجد له ولياً مرشداً،أما بعد
bkIpEGA.png

اهــلا وســهلا اعضــاء
منتديات تكاوزن الكــرام...
اســعدالله اوقاتـكم بـكل خـيـــر...
اتيتكم اليوم بأخر بطريقة لإنشاء بنرات مدمجة فيها أيقونات للمجموعات..
FuML4xM.gif

PZUDW11.png

الطريقة هي سهلة للغاية كل ما علينا هو التوجه إلى قالب EXTRA.less
و نسخ و لصق هذاالكود مع التعديل حسب ما يلائمك .. طبعا

bkIpEGA.png

W4RJhZ4.png
كود:
.label
{
    &:after
    {
        padding-left: 4px;
        .m-faBase();
    }
    &:before
    {
        padding-right: 4px;
        .m-faBase();
    }

    &.label--
    {  
/* User Banner custom FA icon configs */
   
        &site_owner:before
        {
            .m-faContent(@fa-var-telescope);
            font-size: 15px;
        }
        &site_member:before
        {
            .m-faContent(@fa-var-meteor);
        }
        &site_member5:before
        {
            .m-faContent(@fa-var-moon-stars);
            font-size: 15px;
            color: #f7bd61;
        }
   
        &site_founding_member:before
        {
            .m-faContent(@fa-var-galaxy);
            color: #872402;
            font-size:15px;
        }
   
    }
}

/* User Banner modifications */
.label.label--site_owner {
    color: #fff;
    background: #720f94;
    border-color: #9821ce;
}
.label.label--site_member {
    color: #050505;
    background: #a47909;
    border-color: #ce9521;
}
.label.label--site_member5 {
    color: #f3efef;
    background: #223d89;
    border-color: #403b9d;
}
.label.label--site_founding_member {
    background: #7eb5e8;
    color: #35354b;
    border-color: #140f66;
}
/* End User Banner modifications */
بعدها نتقل إلى بنرات المجموعات و الأعضاء
و نكتب الكود حسب الصورة و طبعا حسب إحتياجتنا

PRTLFzI.png

bkIpEGA.png

Hv9KsDV.png
 
  • Like
التفاعلات: Akram

Akram

عضـو بـرونـزي
إنضم
7 يناير 2023
المشاركات
860
مستوى التفاعل
9,712
النقاط
1,320
العمر
22
الإقامة
المغرب
مجموع اﻻوسمة
2
مميز اخي الكريم الف شكر على الشرح​
 

مواضيع مماثلة


كلمة المدير

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

تواصل مع فريق العمل

عن منتديات تكاوزن العربية techawzen

منتديات تكاوزن اكبر موقع عربي لتحميل البرامج والالعاب وانظمة التشغيل و تطبيقات الجوالات و تقديم شروحات في الحماية والبرمجة والتقنية والهاردوير والصيانة

تابعنا على المواقع الاجتماعية


إتصل بنا

 

أعلى

خيارات الاستايل

تلوين الاقسام
خلفية المنتدى
نوع الخط
جدول المنتديات
تمديد المنتدى
فصل الأقسام
إخفاء السايدبار
حجم الخط
الصورة الرمزية
بيانات العضو
إخفاء التواقيع

إرجاع خيارات الإستايل