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

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

Alrajabane

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

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,981
مستوى التفاعل
1,518
النقاط
113
العمر
21
الإقامة
sohag, Egypt
الموقع الالكتروني
جميل جدا جزاك الله خيرا
 

Alrajabane

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

أبو غَيْث

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

مازن العماني

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

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

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

Abu Ayesh

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

مبدع

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

بانتظارك

تحياتي
 

Tawahihost

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

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

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

الأعضاء المتصلون

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

المواضيع
1,433
المشاركات
14,578
الأعضاء
538
آخر عضو مسجل
Flashback1990
أعلى