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

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

Alrajabane

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

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

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
المشاركات
169
مستوى التفاعل
163
النقاط
43
الإقامة
السعودية
الموقع الالكتروني
والله يجزاك بالمثل .
شكرا لتواجدك ..
 

XenArabia

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

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

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

المواضيع
232
المشاركات
1,296
الأعضاء
83
آخر عضو مسجل
fr3on
أعلى