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

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

Alrajabane

【★★★★】
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
567
مستوى التفاعل
427
النقاط
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
الحفظ والخروج ..،،

المصدر
 

Alrajabane

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

XenArabia

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

مازن العماني

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

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

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

Abu Ayesh

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

مبدع

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

بانتظارك

تحياتي
 

AbuMaryam

:: الأعضاء ::
إنضم
30 يناير 2020
المشاركات
4
مستوى التفاعل
0
النقاط
1
شكرآ للشرح اخي الكريم
 

Tawahihost

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

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

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

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

المواضيع
1,038
المشاركات
9,334
الأعضاء
395
آخر عضو مسجل
dollarli
أعلى