هيلبرنت | Helpernt - [XF 2.x] : طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى

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

فالبداية الشرح حصرى ولن تجده فى اى مكان الا هنا فقط فى معهد هيلبرنت وموضوعنا اليوم سيعرفنا كيفية اضافة اوسمة للاعضاء وذلك تلقائيا من خلال عدد مشاركاتهم والدرس سيكون عبارة عن اكواد اينعم اكواد يعنى درسنا سيكون بعيدا كل البعد عن الاضافات والهاكات التى تمثل عبْ على الاستضافة والسيرفر.
[اسم الدرس ]: طريقة اضافة اوسمة جديدة للاعضاء شرح خاص للجيل الثانى.
[توافق الدرس] : زين فورو الجيل الثانى XF2.X مجرب حتى XF2.0.10.
[الادوات المستخدمة] : مكتبة الخطوط fontawesome الاصدار الرابع 4.7

الخطوات
- ادخل الى لوحة التحكم المنتدى >>> المظهر >>>>>>>البحث فى القوالب >>>>>>اسم القالب هو message_macros ابحث بداخله عن هذا الكود

كود PHP:


		
			
        <div class="message-userDetails">

            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>

            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />

            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />

            <xf:if is="{$dateHtml}"><div class="message-date">{$dateHtml}</div></xf:if>

        </div>

- ضع اسفله مباشرا هذا الكود

كود PHP:


		
			
<!-- this adds the Medal Count-->

                <div class="MedalH">

                         <xf:if is="$user.message_count >= 3000">

                        <div style="margin: 3px;padding: 4px 5px;border: 2px solid #44ff22;border-radius:15%;background:#333;color: #44ff22;display: inline-block;">

                             <i class="fa fa-commenting-o" title="وسام الابداع بلا حدود"></i>

                        </div>

                        <xf:if is="$user.message_count >= 2000"/>

                        <div style="margin: 3px;padding: 4px;border: 2px solid #ff6a00;border-radius:15%;background:#333;color: #f73497;box-shadow: 0 0 5px #800c00;display: inline-block">

                            <i class="fa fa-tripadvisor" title="وسام الابداع"></i>

                        </div>  

                        <xf:if is="$user.message_count >= 1000"/>

                         <div style="margin: 3px;padding: 4px 5px;display: inline-block;border: 2px solid #ff0000;border-radius:15%;background:#333;color: #ff0000;">

                             <i class="fa fa-gitlab" title="وسام الامتياز"></i>

                         </div>

                        <xf:if is="$user.message_count >= 500"/>

                         <div style="margin: 3px;padding: 4px 6px; display: inline-block;border: 2px solid #e9b3f3;border-radius:15%;background:#333;color: #e9b3f3;box-shadow: 0 0 5px #e9b3f3;">

                             <i class="fa fa-connectdevelop" title="وسام التطوير"></i>

                         </div>  

                        <xf:if is="$user.message_count >= 250"/>

                         <div style="margin: 3px;padding: 4px; display: inline-block;border: 2px solid #FF5722;border-radius:15%;background:#333;color: #FF5722;">

                                <i class="fa fa-comments" title="وسام الحضور"></i>

                         </div>

                        <xf:if is="$user.message_count >= 200"/>

                         <div style="margin: 3px;padding: 4px 7px;border: 2px solid #d565e8;border-radius:15%;background:#333;color: #d565e8;display: inline-block;">

                             <i class="fa fa-question" title="وسام اكثر المساعدين"></i>

                        </div>

                        <xf:if is="$user.message_count >= 150"/>

                        <div style="margin: 3px; display: inline-block; padding: 5px 8px;border: 2px solid #ffeb3b;border-radius:15%;background:#333;color: #ffeb3b;">

                             <i class="fa fa-bolt" title="وسام الشجاعة"></i>

                        </div>  

                        <xf:if is="$user.message_count >= 100"/>

                         <div style="margin: 3px;padding: 4px 6px;border:2px solid;border-radius:15%;background:#333;color:cyan;border-right-color: darkcyan;border-bottom-color:darkcyan;display: inline-block;">

                             <i class="fa fa-diamond" title="وسام القلم الذهبى"></i>

                         </div>

                        <xf:if is="$user.message_count >= 50"/>

                         <div style="margin: 3px;padding: 4px 7px;display: inline-block; border: 2px solid #8BC34A;border-radius:15%;background:#333;color: #8BC34A;">

                             <i class="fa fa-plus" title="وسام مبدع على الطريق"></i>

                        </div> 

                        <xf:if is="$user.message_count >= 10"/>

                         <div style="margin: 3px;padding: 4px 5px; display: inline-block; border: 2px solid #FFCE54;border-radius:15%;background:#333;color: #FFCE54;">

                             <i class="fa fa-credit-card" title="عضو على الطريق!"></i>

                        </div>

                        </xf:if>

                </div>

<!-- this adds the Medal Count-->

- ثم قم بالحفظ
- لاتنسى تغيير قيمة المشاركات بحسب مزاجك.
- تغيير الايقونات حسب مزاجك.
- الخطوة الاخيرة
- ادخل الى لوحة التحكم المنتدى >>> المظهر >>>>>>>البحث فى القوالب >>>>>>اسم القالب هو extra.less ثم اضف هذا الكود

كود PHP:


		
			
.MedalH {

    display: table;

    text-align: center;



}

@media (max-width: @xf-responsiveNarrow)

{

    .MedalH

    {

         display: none;



    }

}

- ثم ادخل لوحة التحكم ثم سلم الاعضاء كما بالصورة

https://www.helpernt.com/vb/attachme...1&d=1543690436

- ثم قم بفعل ما فى الصورة

https://www.helpernt.com/vb/attachme...1&d=1543690436

النتيجة

https://www.helpernt.com/vb/attachme...1&d=1543690436

و هنا عندما يحصل على عدد اقصى عدد للمشاركات

https://www.helpernt.com/vb/attachme...1&d=1543690436

ملحوظة مايميز هذا الكود ان جميع الاوسمة تظهر بمجرد حصول العضو على عدد المشاركات الخاص بها (يعنى لو لدينا عضو عدد مشاركاته 10 سيحصل على وسام العشر مشاركات ولما يصبح عدد مشاركاته 50 يحصل على الوسام الخاص بالـــ 50 مشاركة + وسام الخاص 10 مشاركات وهكذا)