XF 2.0 و XF 2.1 - تصميم رتب الاعضاء بشكل مميز | XenArabia | زين فورو العربية

XF 2.0 و XF 2.1 تصميم رتب الاعضاء بشكل مميز

Alrajabane

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
267
مستوى التفاعل
235
النقاط
43
الإقامة
السعودية
الموقع الالكتروني

165
طريقة التركيب :
ضع في قالب
extra.less

CSS:
.xengentrBanner {
    display: inline-block;
    text-align: center;
    font-size: .7em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: .5em 0em;
    width: 100%;
    border: none;
    position: relative;
    overflow: hidden;
    &.admin {
        background: #c62828;
    }
    &.moder {
        background: #00695C;
    }
    &.user {
        background: #1565C0;
    }
    &:before {
        content: "";
        position: absolute;
        background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250, 250, 250, .7) 50%, transparent 70%, transparent 100%);
        background-repeat: no-repeat;
        top: 0px;
        left: -80%;
        width: 100%;
        height: 100%;
        animation: light 2.5s infinite;
    }
    .tooltip-content & {
        .tooltip--member & {
            width: 120px!important;
        }
    }
    @media (max-width: @xf-responsiveMedium) {
        display: inline!important;
        padding: .5em 1em;
    }
}
@keyframes light {
    0% {
        left: -80%;
    }
    100% {
        left: 80%;
    }
}
بعد ذلك فتح مجموعة المستخدمين التي تريد إضافتها من إعدادات مجموعات المستخدمين.

166
ضع مايلي في خانة نمط CSS مخصص احد الاكواد :

167
CSS:
For Admin:
xengentrBanner admin
For Moderator:
xengentrBanner moder
For Normal Members
xengentrBanner user
الحفظ والخروج ..،،

المصدر
 

Alrajabane

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
267
مستوى التفاعل
235
النقاط
43
الإقامة
السعودية
الموقع الالكتروني
والله يجزاك بالمثل .
شكرا لتواجدك ..
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
807
مستوى التفاعل
813
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
بارك الله فيك أخي .. كود جميل يضفي جمالية على رتب الأعضاء
 

مازن العماني

:: الأعضاء ::
إنضم
16 يونيو 2019
المشاركات
3
مستوى التفاعل
1
النقاط
3
تمت التجربه اشكرك على الشرح

واجهتني مشكله وقمت بحذف الكود وعاد الامر طبيعي

المشكلة عند عرض الموضوع يتحرك وكانه يرقص :LOL:
 

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

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

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