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

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

Alrajabane

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
56
مستوى التفاعل
67
النقاط
18
الإقامة
السعودية
الموقع الالكتروني
www.hr7xx.net

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
الحفظ والخروج ..،،

المصدر
 

XenArabia

:: الإدارة العامة ::
مجلس الإدارة
إنضم
23 يناير 2019
المشاركات
142
مستوى التفاعل
188
النقاط
43
بارك الله فيك أخي .. كود جميل يضفي جمالية على رتب الأعضاء
 

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

أعلى