[ XF 2.1 ] - اضافة متواجد وغير متواجد فوق صورة العضو | زين العربية

[ XF 2.1 ] اضافة متواجد وغير متواجد فوق صورة العضو

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,502
مستوى التفاعل
1,293
النقاط
113
الإقامة
K.S.A
بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

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

mod1.jpg

نفتح قالب message_macros

ونبحث عن :
HTML:
<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">

ونضيف تحته بالضبط هذا الكود:

HTML:
<xf:if is="$user && $user.isOnline()">
    <div class="online_user">
    متواجد
    </div>
    <xf:else />
    <div class="offline_user">
    غير متواجد
    </div> 
    </xf:if>
    <div class="clear_point"></div>

ثم حفظ وخروج .

وافتح قالب extra.less والصق هذا الكود فيه:

CSS:
.online_user{
    position: relative;
    height: 26px;
    background: #54ab73;
    width: max-content;
    transform: rotate(41deg);
    right: 34px;
    padding: 0px 30px 5px 30px;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    clip-path: polygon(33.25% -15.12%, 75.71% 6.97%, 88.38% 58.94%, 96.08% 89.95%, 104.63% 129.95%, -2.74% 95.64%, -39.94% 228.87%, 30.22% 0.9%);

}

.offline_user{
    position: relative;
    height: 26px;
    background: #af1515;
    width: max-content;
    transform: rotate(41deg);
    right: 39px;
    padding: 0px 30px 5px 30px;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    clip-path: polygon(33.25% -15.12%, 76.87% -2.26%, 97.85% 107.44%, -4.51% 114.10%, 26.68% -5.9%);

    top: 7px;
}
.clear_point{
    display: inline-block;
}

واحفظ القالب وتمتع بالنتيجة

احترامي وتقديري
اخوكم
شقاوي
 

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
1,052
مستوى التفاعل
831
النقاط
113
العمر
20
الإقامة
sohag, Egypt
الموقع الالكتروني
رائع جدا أخي شقاوي جزاك الله خيرا
تعديل أحبه كثيرا ولكن هو عندي بشكل مختلف :D
جزيل الشكر لك أخي على التعديل الرائع
تقبل تحياتي
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,502
مستوى التفاعل
1,293
النقاط
113
الإقامة
K.S.A
حياك حبيبي ماستر

هي مجرد فكرة احببت مشاركتكم اياها ولكل شخص طريقته التي يحب ان يضع الكود بها

وانت معلم ما شاء الله ما ينخاف عليك (y)

احترامي وتقديري
اخوك
شقاوي
 

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
1,052
مستوى التفاعل
831
النقاط
113
العمر
20
الإقامة
sohag, Egypt
الموقع الالكتروني
حياك حبيبي ماستر

هي مجرد فكرة احببت مشاركتكم اياها ولكل شخص طريقته التي يحب ان يضع الكود بها

وانت معلم ما شاء الله ما ينخاف عليك (y)

احترامي وتقديري
اخوك
شقاوي
الله يبارك فيك دائمن سباق بالخير أخي الحبيب
والله ولا معلم ولا حاجة ما زلنا مبتدئين نتعلم :D
بارك الله فيك وفي عملك
 

XenArabia

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

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,502
مستوى التفاعل
1,293
النقاط
113
الإقامة
K.S.A
الله يعطيك الصحة والعافية يا تركي

ياخي انت دايم كريم ومميز

شكرا لك :love:

حي الله الامير @أبو عبدالله الكريم في مدرستكم بخيل انا افداك

والعفو طال عمرك ما سوينا شي


ما شاء الله عليك أخي الحبيب
تسلم على الدرس الجميل

حبيبي والله اخوي محمد

نورت الموضوع يالغالي

احترامي وتقديري
اخوك
شقاوي
 

Wolf Knight

عضو فعال
[ عُملاء زين العَربية ]
إنضم
28 يناير 2019
المشاركات
320
مستوى التفاعل
196
النقاط
43
عاشت الايادي
مودتي
 

Alrajabane

【★★★★】
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
595
مستوى التفاعل
453
النقاط
63
الإقامة
السعودية
الموقع الالكتروني
إضافة رائعة كـ روعتك اخوي @shqawe
بارك الله فيك .
 

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

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

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

المواضيع
1,204
المشاركات
11,026
الأعضاء
467
آخر عضو مسجل
sky55
أعلى