كود نجوم نظام سمعة بسيط بدون استخدام الإضافات

XF 2.1 كود نجوم نظام سمعة بسيط بدون استخدام الإضافات 1.0.0

لا يوجد تصريح للتنزيل
التوافق مع الاصدار :
  1. 2.1
اليوم سنرى كيف يمكننا إنشاء نظام سمعة بسيط بناءً على درجة رد الفعل في منتداك. يجب أن أذكر أنه يمكنك إجراء هذا القالب في الإصدار 2.1 لأن إصدارات XenForo 2.0 لا تحتوي على نظام رد فعل متكامل في النظام.

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

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

نبدأ أولاً ، انتقل إلى القالب "message_macros" الخاص بموضوعك الحالي وابحث عن الرمز أدناه ؛
PHP:
<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />

أضف الرمز واحفظه أدناه :

PHP:
<div class="xtr_star-ranks" style="text-align: center; padding: 2px 0; margin: 2px 0;">

    <xf:if is="{$user.reaction_score} >=  1300">
        <img src="{{ base_url('star-ranks-filled/complete-stars.png') }}" data-xf-init="tooltip" title="Full Reputation Master">
    <xf:elseif is="{$user.reaction_score} >=  1200" />
        <img src="{{ base_url('star-ranks-filled/fullstar-10.png') }}" data-xf-init="tooltip" title="1,200+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  1100" />
        <img src="{{ base_url('star-ranks-filled/halfstar-10.png') }}" data-xf-init="tooltip" title="1,100+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  1000" />
        <img src="{{ base_url('star-ranks-filled/fullstar-9.png') }}" data-xf-init="tooltip" title="1,000+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  900" />
        <img src="{{ base_url('star-ranks-filled/halfstar-9.png') }}" data-xf-init="tooltip" title="900+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  800" />
        <img src="{{ base_url('star-ranks-filled/fullstar-8.png') }}" data-xf-init="tooltip" title="800+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  700" />
        <img src="{{ base_url('star-ranks-filled/halfstar-8.png') }}" data-xf-init="tooltip" title="700+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  600" />
        <img src="{{ base_url('star-ranks-filled/fullstar-7.png') }}" data-xf-init="tooltip" title="600+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  500" />
        <img src="{{ base_url('star-ranks-filled/halfstar-7.png') }}" data-xf-init="tooltip" title="500+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  450" />
        <img src="{{ base_url('star-ranks-filled/fullstar-6.png') }}" data-xf-init="tooltip" title="450+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  400" />
        <img src="{{ base_url('star-ranks-filled/halfstar-6.png') }}" data-xf-init="tooltip" title="400+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  350" />
        <img src="{{ base_url('star-ranks-filled/fullstar-5.png') }}" data-xf-init="tooltip" title="350+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  300" />
        <img src="{{ base_url('star-ranks-filled/halfstar-5.png') }}" data-xf-init="tooltip" title="300+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  250" />
        <img src="{{ base_url('star-ranks-filled/fullstar-4.png') }}" data-xf-init="tooltip" title="250+ Ratings">
    <xf:elseif is="{$user.reaction_score} >= 200" />
        <img src="{{ base_url('star-ranks-filled/halfstar-4.png') }}" data-xf-init="tooltip" title="200+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  150" />
        <img src="{{ base_url('star-ranks-filled/fullstar-3.png') }}" data-xf-init="tooltip" title="150+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  125" />
        <img src="{{ base_url('star-ranks-filled/halfstar-3.png') }}" data-xf-init="tooltip" title="125+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  100" />
        <img src="{{ base_url('star-ranks-filled/fullstar-2.png') }}" data-xf-init="tooltip" title="100+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  75" />
        <img src="{{ base_url('star-ranks-filled/halfstar-2.png') }}" data-xf-init="tooltip" title="75+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  50" />
        <img src="{{ base_url('star-ranks-filled/fullstar-1.png') }}" data-xf-init="tooltip" title="50+ Ratings">
    <xf:elseif is="{$user.reaction_score} >=  25" />
        <img src="{{ base_url('star-ranks-filled/halfstar-1.png') }}" data-xf-init="tooltip" title="25+ Ratings">
    <xf:elseif is="{$user.reaction_score} <  25" />
        <img src="{{ base_url('star-ranks-filled/empty-star.png') }}" data-xf-init="tooltip" title="Rep için 25+ Oy Gerekiyor">
    </xf:if>
                        
</div>

أخيرًا ، يكفي إسقاط الملف المسمى بالنجوم المملوءة في دليل FTP لمنتداك.

الآن دعونا نلقي نظرة على لقطات الشاشة بالمرفقات :
  • 1.png
    1.png
    33.4 KB · المشاهدات: 12
  • 2.png
    2.png
    13.6 KB · المشاهدات: 14
  • 3.png
    3.png
    13.9 KB · المشاهدات: 18
  • 4.png
    4.png
    14.3 KB · المشاهدات: 15
  • 5.png
    5.png
    14.6 KB · المشاهدات: 15
الكاتب
Alrajabane 
التنزيلات
1
المشاهدات
221
الإصدار الأول
آخر تحديث
تقييم
0.00 نجوم 0 تقييمات

منتجات أخرى من Alrajabane

أعلى