تصميم رتب الاعضاء بشكل مميز | زين العربية

تصميم رتب الاعضاء بشكل مميز

Alrajabane

【★★★★】
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
619
مستوى التفاعل
475
النقاط
63
الإقامة
السعودية
الموقع الالكتروني

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

الحفظ والخروج ..،،

المصدر
 

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
1,272
مستوى التفاعل
978
النقاط
113
العمر
21
الإقامة
sohag, Egypt
الموقع الالكتروني
جميل جدا جزاك الله خيرا
 

Alrajabane

【★★★★】
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
619
مستوى التفاعل
475
النقاط
63
الإقامة
السعودية
الموقع الالكتروني
والله يجزاك بالمثل .
شكرا لتواجدك ..
 

XenArabia

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

مازن العماني

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

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

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

Abu Ayesh

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
133
مستوى التفاعل
90
النقاط
28
الإقامة
فلسطين
يعطيك العافية ياغالي

مبدع

لاكن عند مشكلة هي كيف بدي اضيف التصميم هاد ، لطاقم الادارة ؟

بانتظارك

تحياتي
 

Tawahihost

:: الأعضاء ::
إنضم
8 فبراير 2020
المشاركات
3
مستوى التفاعل
1
النقاط
3
الإقامة
اليمن
الموقع الالكتروني
جميل جدا جاري التجربه
 

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

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

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

المواضيع
1,276
المشاركات
12,061
الأعضاء
485
آخر عضو مسجل
hafid36
أعلى