تطوير XF2 - اضافة حالة العضو متواجد متصل وغير متصل
  • عند تسجيل عضوية جديدة وضع اسم مناسب وبدون ارقام وإلا فلن يتم قبول العضوية.
  • تنبيه : بخصوص اسعار الاعلانات | اعلان بنري ( 5$ دولار ) اعلان نصي ( 1$ دولار ) في الشهر ..


 مساحة اعلانية مساحة اعلانية مساحة اعلانية مساحة اعلانية مساحة اعلانية مساحة اعلانية مساحة اعلانية

Alrajabane 

★★★★
Administrator

إنضم
2016 - 8 - 7
المشاركات
2,671
الحلول
5
مستوى التفاعل
380
النقاط
1,795
الإقامة
السعودية
الموقع الالكتروني
Offline

مزاجك اليوم

  • التقييمات: 0
  • #1
1.gif 2.gif
ابحث عن القالب :
HTML:
message_macros

داخل القالب ابحث عن :

CSS:
</xf:if>
<span class="message-userArrow"></span>

اضف اعلاه الكود التالي :
CSS:
<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
    <div class="message-avatar-online offlineonlineON">
        <span class="onlineMarker" data-xf-init="tooltip" data-offsetx="-10" data-offsety="-8" title="{{ phrase('online_now')|for_attr }}">
            <font color="#fff">
                <strong>Online</strong>
            </font>
        </span>
    </div>
    <xf:else/>
    <div class="offlineonlineOFF">
        <span class="Tooltip onlineMarker" data-offsetx="-10" data-xf-init="tooltip" data-offsety="-8" title="Ce membres et hors ligne">
            <font color="#fff">
                <strong>Offline</strong>
            </font>
        </span>
    </div>
</xf:if>

احغظ العمل ..

في قالب :

كود:
Extra.less

اضف الكود التالي :
CSS:
.offlineonlineON {
    text-align: center;
}
.offlineonlineON {
    background: #449C41;
    padding: 5px;
    text-align: center;
}
.offlineonlineOFF {
    background: #DD4242;
    padding: 5px;
    text-align: center;
}
.offlineonlineOFF {
    text-align: center;
}
.offlineonlineOFF strong, .offlineonlineON strong {

    display: inline-block;

}

.offlineonlineOFF::before, .offlineonlineON:before {
       content: "\f007";
    color: #fff;
        line-height: 30px;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    border-top-right-radius: 40px;
    border-right: 2px solid rgba(0,0,0,0.1);
    top: 0;
    bottom: 0;
    border-bottom-left-radius: 10px;
    left: 0;
    border-top-left-radius: 10px;
    padding: 1px 4px 0 3px;
    width: 20px;
    font-family: FontAwesome;
    text-align: center;
}
.offlineonlineON::before{
    content: "\f234";
}
.offlineonlineOFF::before{
    content: "\f235";
}
[class*="offlineonlineOFF_"], .offlineonlineOFF, [class*="offlineonlineON_"], .offlineonlineON{
    position: relative;
    border-radius: 5px !important;
}
@media (max-width: 650px)
{
    .offlineonlineOFF, .offlineonlineON
    {
        padding-left: 30px;
    }
    [class*="offlineonlineOFF_"], .offlineonlineOFF, [class*="offlineonlineON_"], .offlineonlineON
    {
    display: table;
    }
}

احفظ العمل .. :thumbsup:;)
 
توقيع : Alrajabane 

قم بإنشاء حساب أو تسجيل الدخول للتعليق.

يجب أن تكون عضوًا حتى تتمكن من إضافة تعليق

إنشاء حساب

قم بعمل حساب جديد بالمنتدى. فهو سهل!

تسجيل الدخول

هل لديك حساب ؟ سجل دخولك من هنا.

أعلى