السلام عليكم ورحمة الله وبركاته مع درس جديد وخاص باضافة جمالية متعلقة اذا ما العضو متواجد بالمنتدى او غير متواجد الشكل قبل التعديل نبدأ على بركة الله ،...

إنضم
26 نوفمبر 2017
المشاركات
51
الإعجابات
57
#1
السلام عليكم ورحمة الله وبركاته

مع درس جديد وخاص باضافة جمالية متعلقة اذا ما العضو متواجد بالمنتدى او غير متواجد

الشكل قبل التعديل


نبدأ على بركة الله ، ندخل للوحة التحكم من اعلى جهة اليسار توجد ايقونة البحث اضغط عليها ثم اكتب في الخانة المخصصة للبحث message_macros ثم اضغط دخول (ENTER) ، ثم انقر على اسم القالب كما موضح بالصورة


بعد الدخول لصفحة القالب ابحث عن الكود

كود:
<span class="message-userArrow"></span>
ثم ضع قبله الكود التالي

كود:
<xf:if is="$user.isOnline()">
    <div class="onlineON">Online</span></div>
<xf:else />
     <div class="offlineOFF">Offline</span></div>
</xf:if>
كما مبين في الصورة اسفل


انزل للاسفل ثم اضغط حفظ


بعد ذلك نعيد عملية البحث ونبحث عن القالب EXTRA.less ثم نقوم بفتحه


بعد ذلك نضيف الكود التالي

كود:
/*online - offline*/
.onlineON{
    background: #32CD32;
    padding: 5px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    margin-top: 5px;
}

.offlineOFF{
    background: #ff0000;
    padding: 5px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    margin-top: 5px;
}
في المكان المخصص كما مبين في الصورة اسفل ثم نقوم بعمل حفظ للكود


وهذه نتيجة التعديل عندما تكو متصل



ونتيجة الكود لما تكون غير متصل




-----------------------
ملاحظة : طبعا كما يقولون نعطيك الطريقة وانت تبدع فيها يعني ليس ضروري الالتزام بنفس الشكل فممكن تغيره على حسب ما تريده


ارجو ان يكون الدرس مفيد لكم
والى اللقاء في درس اخر باذن الله
ملاحظة : هذه الدروس يتم اقتباس اغلبها من موقع XenForo
 

ohwdm lj,h[] ,ydv lj,h[] jpj hsl hguq,dm