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

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

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
1,941
مستوى التفاعل
1,749
النقاط
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,991
مستوى التفاعل
1,536
النقاط
113
العمر
21
الإقامة
sohag, Egypt
الموقع الالكتروني
رائع جدا أخي شقاوي جزاك الله خيرا
تعديل أحبه كثيرا ولكن هو عندي بشكل مختلف :D
جزيل الشكر لك أخي على التعديل الرائع
تقبل تحياتي
 

shqawe

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

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

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

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

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
1,991
مستوى التفاعل
1,536
النقاط
113
العمر
21
الإقامة
sohag, Egypt
الموقع الالكتروني
حياك حبيبي ماستر

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

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

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

أبو غَيْث

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

shqawe

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

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

شكرا لك :love:

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

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


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

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

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

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

Wolf Knight

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

Alrajabane

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

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

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

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

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

المواضيع
1,436
المشاركات
14,613
الأعضاء
543
آخر عضو مسجل
Maktoom
أعلى