أثبت وجودك لا تقرأ وترحل



ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

اظهار حالة العضو متصل او غير متصل بنفس طريقة الانستجرام

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

احصائياتى

الردود
3

المشاهدات
1209
نسيت النوم
.:: عضو مبدع ::.
  • نسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really nice

  • نسيت النوم غير متواجد حالياً

المشاركات
373

+التقييم
91

تاريخ التسجيل
Aug 2015

الاقامة

نظام التشغيل

رقم العضوية
30
09-14-2024, 12:44 PM
المشاركة 1
09-14-2024, 12:44 PM
المشاركة 1
افتراضي اظهار حالة العضو متصل او غير متصل بنفس طريقة الانستجرام
السلام عليكم ورحمه الله وبركاته

فالدرس ده معانا كود هيغير شكل حالة العضو متصل او غير متصل لتصبح زى بتاعت الانستجرام والخطوات سهله جدا وبسيطه ركزو بس معايا اولا ساقوم بوضع صوره توضح العمل و للمعلومية هذا الشرح متوافق فقط مع الجيل الثانى او بمعنى اصح للنسخة XF2.0 لنبداء على بركة الله


الخطوات
1- ندخل الى قالب message_macros (لا تنسى أخذ نسخة احتياطيه منه قبل التعديل ) ثم نبحث عن الكود التالي :
كود PHP:
<xf:avatar user="$usersize="m" defaultname="{$fallbackName}itemprop="image" /> 
2- قم الان باستبداله بالكود التالي :
كود بلغة HTML:
     <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                <div class="xgt-avatar2">
                        <div class="xgt-avatar-border2">
                    <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                       </div>
                </div>
                <xf:else />
                    <div class="xgt-avatar">
                        <div class="xgt-avatar-border">
                    <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                       </div>
                </div>                 
                </xf:if>
ثم احفظ العمل


3- ثم بعدها نقوم بإضافة الكود التالي إلى قالب Extra.less
كود PHP:
.xgt-avatar{
    
displayblock;
    
backgroundlinear-gradient(45deg#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    
border-radius50%;
    
padding4px;
    
box-shadow0px 0px 10px 3px rgba(17834340.38);   

}

.
xgt-avatar-border{
    
displayblock;
    
border4px solid #fff;
    
border-radius50%;
}

@
media (max-width: @xf-publicNavCollapseWidth)
{
.
xgt-avatar{
    
padding2px;
    }
.
xgt-avatar-border{
      
border-width2px;
    }
}

.
xgt-avatar2{
    
displayblock;
    
backgroundlinear-gradient(to rightgreenyellow);
    
border-radius50%;
    
padding4px;
    
box-shadow0px 0px 10px 3px rgba(490150.38);

}

.
xgt-avatar-border2{
    
displayblock;
    
border4px solid #fff;
    
border-radius50%;
}

@
media (max-width: @xf-publicNavCollapseWidth)
{
.
xgt-avatar2{
    
padding2px;
    }
.
xgt-avatar-border2{
      
border-width2px;
    }

ومبروك عليكم العمل


قديم 09-14-2024, 07:10 PM
المشاركة 2
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: اظهار حالة العضو متصل او غير متصل بنفس طريقة الانستجرام
ابداااااااااااااااااع ياصديقى

قديم 09-15-2024, 01:46 AM
المشاركة 3
نسيت النوم
.:: عضو مبدع ::.
  • نسيت النوم غير متواجد حالياً
افتراضي رد: اظهار حالة العضو متصل او غير متصل بنفس طريقة الانستجرام
يبارك فيك يا ابو كريم

قديم 09-16-2024, 10:12 AM
المشاركة 4
refaat
.:: عضو مشارك ::.
  • refaat غير متواجد حالياً
افتراضي رد: اظهار حالة العضو متصل او غير متصل بنفس طريقة الانستجرام
ابدااااااااااااع

اضافة رد

العلامات المرجعية

اظهار حالة العضو متصل او غير متصل بنفس طريقة الانستجرام


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: اظهار حالة العضو متصل او غير متصل بنفس طريقة الانستجرام
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[XF 2.x] : شرح طريقة اظهار متصل او غير متصل بقالب معلومات العضو هيلبرنت ركن شروحات الزين فورو XENFORO 12 09-14-2024 12:38 PM
[XF 1.x Add] : هاك اظهار حالة العضو متصل / غير متصل xenforo هيلبرنت اضافات الزين فورو XENFORO 3 09-14-2024 12:31 PM
[ vBulletin 3 ] : تغيير صورة متصل / غير متصل بمكتبة awesome font hawaadzair ركن تطوير منتديات vb3.8.0 6 07-22-2019 10:22 PM
[XF 2.x] : [كود]- شكل جديد لاظهار حالة العضو المتصل اون لاين بقالب معلومات العضو للزين فورو maaidni ركن شروحات الزين فورو XENFORO 6 11-14-2018 08:59 PM
[ BBcode] : طريقة اظهار حالة العضو متصل او غير متصل للـ xenforo حصريا بمعهد هيلبرنت وبدون هاكات abo-karim ركن شروحات الزين فورو XENFORO 10 08-22-2018 12:05 AM




الساعة الآن 05:35 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum