• [قرار إداري] سيتم حذف جميع الأعضاء المسجلين الجدد الذين إختاروا تسمية عشوائية و من ليس لديهم صورة رمزية بعد 7 أيام.
  • [قرار إداري] يمنع منعا باتا الرد بلغة غير العربية أو بردود عشوائية أو إقتباس للمواضع و فقط و إلا ستعرض عضويتك للحظر
  • أهلا وسهلا بك أخي الزائر يشرفنا أن تقوم بالتسجيل إذا رغبت بالمشاركة في المنتدى، يرجى بزيارة صفحة التسجيل إضغط هنا

[شــرح] طريقة إضافة نجوم لرتب الأعضاء لمنتديات الزنفورو

    بادئ الموضوع تاريخ البدء
  • المشاهدات 134
  • الردود 7
WIKIBA

WIKIBA

عضـو نشيـط
إنضم
14 أبريل 2025
المشاركات
70
مستوى التفاعل
226
النقاط
470
العمر
45
الإقامة
slo
الموقع الالكتروني
🔗
مجموع اﻻوسمة
1
الجنس
ذكر
user.png
طبعا النجوم كانت لرتب العضو او كتقييم للمواضيع ليست خاصية متاحة كما بالفى بى VB انما هنا يتم اضافتها ما من خلال كود او هاك والحمد لله اليوم معي لكم كود سيجعلكم تضعوا نجوم للأعضاء.
[اسم الدرس ]: طريقة اضافة نجوم للرتب الاعضاء خاص للزين فورو اليل الثاني
[توافق الدرس] : زين فورو الجيل الثاني XF2.3 , XF2.2 , XF2.1 , XF2.0
الشرح
-ادخل الى لوحة التحكم المنتدى >>> المظهر >>>>>>>البحث في القوالب >>>>>>اسم القالب هو 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>


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

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

CSS: 
.rankBlock {
    text-align: center;
    margin-top: -20px;
}

:: سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ ، أَشْهَدُ أَنْ لا إِلهَ إِلَّا أَنْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ ::

PHP: 
<div class="star-ranks" style="padding-top: 8px;">

<xf:if is="{$user.reaction_score} >=  10000"> <img src="/upload/images/stars/complete-stars.png" data-xf-init="tooltip" title="Gold User">
<xf:elseif is="{$user.reaction_score} >=  9000" /> <img src="/upload/images/stars/fullstar-10.png" data-xf-init="tooltip" title="Više od ( 9000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  8500" /> <img src="/upload/images/stars/fullstar-10.png" data-xf-init="tooltip" title="Više od ( 8500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  7500" /> <img src="/upload/images/stars/halfstar-10.png" data-xf-init="tooltip" title="Više od ( 7500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  6500" /> <img src="/upload/images/stars/fullstar-9.png" data-xf-init="tooltip" title="Više od ( 65000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  6000" /> <img src="/upload/images/stars/halfstar-9.png" data-xf-init="tooltip" title="Više od ( 6000 + ) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  5500" /> <img src="/upload/images/stars/fullstar-8.png" data-xf-init="tooltip"title="Više od ( 5500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  5000" /> <img src="/upload/images/stars/halfstar-8.png" data-xf-init="tooltip" title="Više od ( 5000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  4000" /> <img src="/upload/images/stars/fullstar-7.png" data-xf-init="tooltip" title="Više od ( 4000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  3000" /> <img src="/upload/images/stars/halfstar-7.png" data-xf-init="tooltip" title="Više od ( 3000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  2000" /> <img src="/upload/images/stars/fullstar-6.png" data-xf-init="tooltip" title="Više od ( 2000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  1400" /> <img src="/upload/images/stars/halfstar-6.png" data-xf-init="tooltip" title="Više od ( 1400 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  1000" /> <img src="/upload/images/stars/fullstar-5.png" data-xf-init="tooltip" title="Više od ( 1000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  900" /> <img src="/upload/images/stars/halfstar-5.png" data-xf-init="tooltip" title="Više od ( 900 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  800" /> <img src="/upload/images/stars/fullstar-4.png" data-xf-init="tooltip" title="Više od ( 800 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >= 600" /> <img src="/upload/images/stars/halfstar-4.png" data-xf-init="tooltip" title="Više od ( 600 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  500" /> <img src="/upload/images/stars/fullstar-3.png" data-xf-init="tooltip" title="Više od ( 500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  400" /> <img src="/upload/images/stars/halfstar-3.png" data-xf-init="tooltip" title="Više od ( 400 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  300" /> <img src="/upload/images/stars/fullstar-2.png" data-xf-init="tooltip" title="Više od ( 300 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  200" /> <img src="/upload/images/stars/halfstar-2.png" data-xf-init="tooltip" title="Više od ( 200 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  100" /> <img src="/upload/images/stars/fullstar-1.png" data-xf-init="tooltip" title="Više od ( 100 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  50" /> <img src="/upload/images/stars/halfstar-1.png" data-xf-init="tooltip" title="Više od ( 50 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  20" /> <img src="/upload/images/stars/halfstar-1.png" data-xf-init="tooltip" title="Više od ( 20 +) Ocjena">
    <xf:elseif is="{$user.reaction_score} <  10" /> <img src="/upload/images/stars/empty-star.png" data-xf-init="tooltip" title="Start ( 10 +) Ocjena">
                    </xf:if>
                    </div>

PHP: 
<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName=""
    arg-includeMicrodata="{{ true }}"
    arg-itemProp="">

    <section class="message-user"
        {{ $includeMicrodata ? 'itemprop="' . $itemProp . '" itemscope itemtype="https://schema.org/Person" itemid="' . ($user ? link('canonical:members', $user) : '') . '"' : '' }}>
        <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'name' : '' }}" /></h4>
        <xf:if is="$includeMicrodata && $user">
            <meta itemprop="url" content="{{ link('canonical:members', $user) }}" />
        </xf:if>

        <div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'image' : '' }}" />
        <xf:if is="$user.isMemberOf([4])">
                  <div class="ribbon--VIP"><span>⚜️ EDITOR ⚜️ </span>
                    </div>
                </xf:if>
        <xf:if is="$user.isMemberOf([3])">
                  <div class="ribbon--VIP"><span>⚜️ STAFF ⚜️</span>
                    </div>
                </xf:if>
        <xf:if is="$user.isMemberOf([15])">
                  <div class="ribbon--VIP"><span>⚜️ GOLD ⚜️</span>
                    </div>
                </xf:if>
        <xf:if is="$user.isMemberOf([14])">
                  <div class="ribbon--VIP"><span>⚜️ SILVER ⚜️</span>
                    </div>
                </xf:if>
        <xf:if is="$user.isMemberOf([13])">
                  <div class="ribbon--VIP"><span>⚜️ BRONZE ⚜️</span>
                    </div>
                </xf:if>
        <xf:if is="$user.isMemberOf([12])">
                  <div class="ribbon--VIP"><span>⚜️ BASIC ⚜️</span>
                    </div>
                </xf:if>
        <xf:if is="$user.isMemberOf([6])">
                  <div class="ribbon--VIP"><span>USER ⚜️</span>
                    </div>
                </xf:if>
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
<xf:else /><span class="message-avatar-Offline"></span>
                </xf:if>
            </div>
        </div>
        <div class="message-userDetails">
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="{{ $includeMicrodata ? 'jobTitle' : '' }}" />
            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="{{ $includeMicrodata ? 'jobTitle' : '' }}" />
        </div>
        <xf:if is="$user.user_id">
            <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
            <xf:if contentcheck="true">
                <div class="message-userExtras">
                <xf:contentcheck>
                    <xf:if is="$extras.register_date">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('joined') }}</dt>
                            <dd>{{ date($user.register_date) }}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.message_count">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('messages') }}</dt>
                            <dd>{$user.message_count|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.solutions AND $user.question_solution_count">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('solutions') }}</dt>
                            <dd>{$user.question_solution_count|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.reaction_score">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('reaction_score') }}</dt>
                            <dd>{$user.reaction_score|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('points') }}</dt>
                            <dd>{$user.trophy_points|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.age && $user.Profile.age">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('age') }}</dt>
                            <dd>{$user.Profile.age}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.location && $user.Profile.location">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('location') }}</dt>
                            <dd>
                                <xf:if is="$xf.options.geoLocationUrl">
                                    <a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
                                <xf:else />
                                    {$user.Profile.location}
                                </xf:if>
                            </dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.website && $user.Profile.website">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('website') }}</dt>
                            <dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url_display('host', phrase('visit_site'))}</a></dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.custom_fields">
                        <xf:macro template="custom_fields_macros" name="custom_fields_values"
                            arg-type="users"
                            arg-group="personal"
                            arg-set="{$user.Profile.custom_fields}"
                            arg-additionalFilters="{{ ['message'] }}"
                            arg-valueClass="pairs pairs--justified" />
                        <xf:if is="$user.canViewIdentities()">
                            <xf:macro template="custom_fields_macros" name="custom_fields_view"
                                arg-type="users"
                                arg-group="contact"
                                arg-set="{$user.Profile.custom_fields}"
                                arg-additionalFilters="{{ ['message'] }}"
                                arg-valueClass="pairs pairs--justified" />
                        </xf:if>
                    </xf:if>


<div class="star-ranks" style="padding-top: 8px;">

<xf:if is="{$user.reaction_score} >=  10000"> <img src="/upload/images/stars/complete-stars.png" data-xf-init="tooltip" title="Gold User">
<xf:elseif is="{$user.reaction_score} >=  9000" /> <img src="/upload/images/stars/fullstar-10.png" data-xf-init="tooltip" title="Više od (9000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  8500" /> <img src="/upload/images/stars/fullstar-10.png" data-xf-init="tooltip" title="Više od (8500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  7500" /> <img src="/upload/images/stars/halfstar-10.png" data-xf-init="tooltip" title="Više od (7500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  6500" /> <img src="/upload/images/stars/fullstar-9.png" data-xf-init="tooltip" title="Više od (65000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  6000" /> <img src="/upload/images/stars/halfstar-9.png" data-xf-init="tooltip" title="Više od (6000 + ) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  5500" /> <img src="/upload/images/stars/fullstar-8.png" data-xf-init="tooltip"title="Više od (5500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  5000" /> <img src="/upload/images/stars/halfstar-8.png" data-xf-init="tooltip" title="Više od (5000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  4000" /> <img src="/upload/images/stars/fullstar-7.png" data-xf-init="tooltip" title="Više od (4000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  3000" /> <img src="/upload/images/stars/halfstar-7.png" data-xf-init="tooltip" title="Više od (3000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  2000" /> <img src="/upload/images/stars/fullstar-6.png" data-xf-init="tooltip" title="Više od (2000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  1400" /> <img src="/upload/images/stars/halfstar-6.png" data-xf-init="tooltip" title="Više od (1400 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  1000" /> <img src="/upload/images/stars/fullstar-5.png" data-xf-init="tooltip" title="Više od (1000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  900" /> <img src="/upload/images/stars/halfstar-5.png" data-xf-init="tooltip" title="Više od (900 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  800" /> <img src="/upload/images/stars/fullstar-4.png" data-xf-init="tooltip" title="Više od (800 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >= 600" /> <img src="/upload/images/stars/halfstar-4.png" data-xf-init="tooltip" title="Više od (600 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  500" /> <img src="/upload/images/stars/fullstar-3.png" data-xf-init="tooltip" title="Više od (500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  400" /> <img src="/upload/images/stars/halfstar-3.png" data-xf-init="tooltip" title="Više od (400 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  300" /> <img src="/upload/images/stars/fullstar-2.png" data-xf-init="tooltip" title="Više od (300 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  200" /> <img src="/upload/images/stars/halfstar-2.png" data-xf-init="tooltip" title="Više od (200 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  100" /> <img src="/upload/images/stars/fullstar-1.png" data-xf-init="tooltip" title="Više od (100 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  50" /> <img src="/upload/images/stars/halfstar-1.png" data-xf-init="tooltip" title="Više od (50 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  20" /> <img src="/upload/images/stars/halfstar-1.png" data-xf-init="tooltip" title="Više od (20 +) Ocjena">
    <xf:elseif is="{$user.reaction_score} <  10" /> <img src="/upload/images/stars/empty-star.png" data-xf-init="tooltip" title="Prvih (10) Ocjena">
                    </xf:if>
                    </div>

                </xf:contentcheck>
                </div>
            </xf:if>
        </xf:if>
        <span class="message-userArrow"></span>
    </section>
</xf:macro>

<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="" arg-includeMicrodata="{{ true }}" arg-itemProp="">
    <header class="message-user"
        {{ $includeMicrodata ? 'itemprop="' . $itemProp . '" itemscope itemtype="https://schema.org/Person" itemid="' . ($user ? link('canonical:members', $user) : '') . '"' : '' }}>

        <xf:if is="$includeMicrodata">
            <meta itemprop="name" content="{{ $user.username ?: $fallbackName }}" />
            <xf:if is="$user">
                <meta itemprop="url" content="{{ link('canonical:members', $user) }}" />
            </xf:if>
        </xf:if>

        <div class="message-avatar">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'image' : '' }}" />
            </div>
        </div>
        <span class="message-userArrow"></span>
    </header>
</xf:macro>

<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
    <xf:if contentcheck="true">
        <xf:css src="attachments.less" />
        <section class="message-attachments">
            <h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
            <ul class="attachmentList">
                <xf:contentcheck>
                    <xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
                        <xf:macro template="attachment_macros" name="attachment_list_item"
                            arg-attachment="{$attachment}"
                            arg-canView="{$canView}" />
                    </xf:foreach>
                </xf:contentcheck>
            </ul>
        </section>
    </xf:if>
</xf:macro>

<xf:macro name="signature" arg-user="!">
    <xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
        <xf:if contentcheck="true">
            <aside class="message-signature">
            <xf:contentcheck>
                {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
            </xf:contentcheck>
            </aside>
        </xf:if>
    </xf:if>
</xf:macro>
 

المرفقات

  • Edit template message_macros.png
    Edit template message_macros.png
    64.7 KB · المشاهدات: 10
  • Like
  • Love
التفاعلات: Qulun, Makili, Alotaibi و شخص آخر
Alotaibi

Alotaibi

المشرف العام
عضوية موثوقة
إنضم
9 أكتوبر 2024
المشاركات
3,984
مستوى التفاعل
26,306
النقاط
2,520
العمر
55
الإقامة
تكاوزن العربية
مجموع اﻻوسمة
3
الجنس
ذكر
بارك الله فيك

شكرا لك على المشاركة​
 
Makili

Makili

عضـو بـرونـزي
إنضم
20 يناير 2023
المشاركات
322
مستوى التفاعل
2,500
النقاط
820
العمر
18
الإقامة
Egy
مجموع اﻻوسمة
1
بارك الله فيك وجازاك الله كل خير
تقبل سلامي.​
 
  • Love
التفاعلات: ibrahim22 و dream_576
WIKIBA

WIKIBA

عضـو نشيـط
إنضم
14 أبريل 2025
المشاركات
70
مستوى التفاعل
226
النقاط
470
العمر
45
الإقامة
slo
الموقع الالكتروني
🔗
مجموع اﻻوسمة
1
الجنس
ذكر
PHP: 
<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName=""
    arg-includeMicrodata="{{ true }}"
    arg-itemProp="">

    <section class="message-user"
        {{ $includeMicrodata ? 'itemprop="' . $itemProp . '" itemscope itemtype="https://schema.org/Person" itemid="' . ($user ? link('canonical:members', $user) : '') . '"' : '' }}>

        <xf:if is="$includeMicrodata && $user">
            <meta itemprop="url" content="{{ link('canonical:members', $user) }}" />
        </xf:if>

        <div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'image' : '' }}" />
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>
            </div>
        </div>
        <div class="message-userDetails">
            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'name' : '' }}" /></h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="{{ $includeMicrodata ? 'jobTitle' : '' }}" />
            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="{{ $includeMicrodata ? 'jobTitle' : '' }}" />
        </div>
        <xf:if is="$user.user_id">
            <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
            <xf:if contentcheck="true">
                <div class="message-userExtras">
                <xf:contentcheck>
        <div class="WbbWupBlock WbbWupCenterBlock">
                 <div class="infoxi shadow_hgi">
                      <div class="textxi">
                <h4 class="cyan-texti">{{ date($user.register_date) }}</h4>
             </div>
                  <div class="arrowi cyan-arrowi"></div>
                   <div class="block_hgi shadow_hgi cyan-bgi">
              <div class="cyan-textim"><i class="fas fa-registered fa-large fa-fixed-width" style="padding-right:3px;line-height: 2;font-size: 20px;"></i>
           </div>
         </div>
        </div>
                      <div class="infoxi shadow_hgi">
                        <div class="textxi">
                 <h4 class="orange-texti">{$user.message_count|number}</h4>
               </div>
                    <div class="arrowi orange-arrowi"></div>
                     <div class="block_hgi shadow_hgi orange-bgi">
                  <div class="orange-textim"><i class="fas fa-comments fa-large fa-fixed-width" style="padding-right:3px;"></i>
              </div>
            </div>
          </div>
        </div>
                <div class="infoxi shadow_hgi">
                      <div class="textxi">
                <h4 class="red-texti">{$user.trophy_points|number}</h4>
             </div>
                  <div class="arrowi red-arrowi"></div>
                   <div class="block_hgi shadow_hgi red-bgi">
              <div class="red-textim"><i class="fas fa-trophy fa-large fa-fixed-width" style="padding-right:3px;"></i>
           </div>
         </div>
        </div>
                <div class="infoxi shadow_hgi">
                      <div class="textxi">
                <h4 class="green-texti">{$user.like_count|number}</h4>
              </div>
                  <div class="arrowi green-arrowi"></div>
                   <div class="block_hgi shadow_hgi green-bgi">
              <div class="green-textim"><i class="fas fa-thumbs-up fa-large fa-fixed-width" style="padding-right:3px;"></i>
           </div>
         </div>
        </div>
                    <xf:if is="$extras.website && $user.Profile.website">
                        <dl class="pairs pairs--justified">
                            <dt>{{ phrase('website') }}</dt>
                            <dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url_display('host', phrase('visit_site'))}</a></dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.custom_fields">
                        <xf:macro template="custom_fields_macros" name="custom_fields_values"
                            arg-type="users"
                            arg-group="personal"
                            arg-set="{$user.Profile.custom_fields}"
                            arg-additionalFilters="{{ ['message'] }}"
                            arg-valueClass="pairs pairs--justified" />
                        <xf:if is="$user.canViewIdentities()">
                            <xf:macro template="custom_fields_macros" name="custom_fields_view"
                                arg-type="users"
                                arg-group="contact"
                                arg-set="{$user.Profile.custom_fields}"
                                arg-additionalFilters="{{ ['message'] }}"
                                arg-valueClass="pairs pairs--justified" />
                        </xf:if>
                    </xf:if>
<div class="star-ranks" style="padding-top: 8px;">

<xf:if is="{$user.reaction_score} >=  10000"> <img src="/upload/images/stars/complete-stars.png" data-xf-init="tooltip" title="Gold User">
<xf:elseif is="{$user.reaction_score} >=  9000" /> <img src="/upload/images/stars/fullstar-10.png" data-xf-init="tooltip" title="Više od (9000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  8500" /> <img src="/upload/images/stars/fullstar-10.png" data-xf-init="tooltip" title="Više od (8500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  7500" /> <img src="/upload/images/stars/halfstar-10.png" data-xf-init="tooltip" title="Više od (7500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  6500" /> <img src="/upload/images/stars/fullstar-9.png" data-xf-init="tooltip" title="Više od (65000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  6000" /> <img src="/upload/images/stars/halfstar-9.png" data-xf-init="tooltip" title="Više od (6000 + ) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  5500" /> <img src="/upload/images/stars/fullstar-8.png" data-xf-init="tooltip"title="Više od (5500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  5000" /> <img src="/upload/images/stars/halfstar-8.png" data-xf-init="tooltip" title="Više od (5000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  4000" /> <img src="/upload/images/stars/fullstar-7.png" data-xf-init="tooltip" title="Više od (4000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  3000" /> <img src="/upload/images/stars/halfstar-7.png" data-xf-init="tooltip" title="Više od (3000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  2000" /> <img src="/upload/images/stars/fullstar-6.png" data-xf-init="tooltip" title="Više od (2000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  1400" /> <img src="/upload/images/stars/halfstar-6.png" data-xf-init="tooltip" title="Više od (1400 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  1000" /> <img src="/upload/images/stars/fullstar-5.png" data-xf-init="tooltip" title="Više od (1000 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  900" /> <img src="/upload/images/stars/halfstar-5.png" data-xf-init="tooltip" title="Više od (900 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  800" /> <img src="/upload/images/stars/fullstar-4.png" data-xf-init="tooltip" title="Više od (800 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >= 600" /> <img src="/upload/images/stars/halfstar-4.png" data-xf-init="tooltip" title="Više od (600 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  500" /> <img src="/upload/images/stars/fullstar-3.png" data-xf-init="tooltip" title="Više od (500 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  400" /> <img src="/upload/images/stars/halfstar-3.png" data-xf-init="tooltip" title="Više od (400 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  300" /> <img src="/upload/images/stars/fullstar-2.png" data-xf-init="tooltip" title="Više od (300 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  200" /> <img src="/upload/images/stars/halfstar-2.png" data-xf-init="tooltip" title="Više od (200 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  100" /> <img src="/upload/images/stars/fullstar-1.png" data-xf-init="tooltip" title="Više od (100 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  50" /> <img src="/upload/images/stars/halfstar-1.png" data-xf-init="tooltip" title="Više od (50 +) Ocjena">
<xf:elseif is="{$user.reaction_score} >=  20" /> <img src="/upload/images/stars/halfstar-1.png" data-xf-init="tooltip" title="Više od (20 +) Ocjena">
    <xf:elseif is="{$user.reaction_score} <  10" /> <img src="/upload/images/stars/empty-star.png" data-xf-init="tooltip" title="Prvih (10) Ocjena">
                    </xf:if>
                    </div>                   
                                        
                </xf:contentcheck>
                </div>
            </xf:if>
        </xf:if>
        <span class="message-userArrow"></span>
    </section>
</xf:macro>

<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="" arg-includeMicrodata="{{ true }}" arg-itemProp="">
    <header class="message-user"
        {{ $includeMicrodata ? 'itemprop="' . $itemProp . '" itemscope itemtype="https://schema.org/Person" itemid="' . ($user ? link('canonical:members', $user) : '') . '"' : '' }}>

        <xf:if is="$includeMicrodata">
            <meta itemprop="name" content="{{ $user.username ?: $fallbackName }}" />
            <xf:if is="$user">
                <meta itemprop="url" content="{{ link('canonical:members', $user) }}" />
            </xf:if>
        </xf:if>

        <div class="message-avatar">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'image' : '' }}" />
            </div>
        </div>
        <span class="message-userArrow"></span>
    </header>
</xf:macro>

<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
    <xf:if contentcheck="true">
        <xf:css src="attachments.less" />
        <section class="message-attachments">
            <h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
            <ul class="attachmentList">
                <xf:contentcheck>
                    <xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
                        <xf:macro template="attachment_macros" name="attachment_list_item"
                            arg-attachment="{$attachment}"
                            arg-canView="{$canView}" />
                    </xf:foreach>
                </xf:contentcheck>
            </ul>
        </section>
    </xf:if>
</xf:macro>

<xf:macro name="signature" arg-user="!">
    <xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
        <xf:if contentcheck="true">
            <aside class="message-signature">
            <xf:contentcheck>
                {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
            </xf:contentcheck>
            </aside>
        </xf:if>
    </xf:if>
</xf:macro>
 
  • Like
  • Love
التفاعلات: mxmxd, donusf, Amiscess و شخص آخر
WIKIBA

WIKIBA

عضـو نشيـط
إنضم
14 أبريل 2025
المشاركات
70
مستوى التفاعل
226
النقاط
470
العمر
45
الإقامة
slo
الموقع الالكتروني
🔗
مجموع اﻻوسمة
1
الجنس
ذكر
CSS: 
.WbbWupBlock {
  background: transparent;
}
.infoxi {
    overflow: hidden;
    margin: 5px auto;
    height: 40px;
}
.shadow_hgi {
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1),1px 1px 5px 1px rgba(0,0,0,0.1);
}
.textxi {
    float: right;
    font-weight: bold;
    width: auto;
    margin-top: -5px;
}
.textxi h4 {
    margin-top: 15px;
    padding-bottom: 5px;
    border: none;
}
.arrowi {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-left: 50px;
    margin-top: 10px;
}
.block_hgi {
    width: 50px;
    height: 50px;
    text-align: center;
}
.orange-texti, .red-texti, .green-texti {
    font-size: 16px;
    animation: blink 1s linear;
    padding-right: 10px;
}
.orange-textim, .red-textim, .green-textim {
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 40px;
    position: aboslute;
    float: left;
    color: #32CD32;
}
.orange-bgi {
    background: #ebb551;
}
.orange-textim, .orange-texti {
    color: #f46320;
}
.orange-arrowi {
    border-left: 12px solid #ebb551;
}
.red-arrowi {
    border-left: 12px solid #c62642;
}
.red-bgi {
    background: #c62642;
}
.red-textim, .red-texti {
    color: #7b132a;
}
.green-arrowi {
    border-left: 12px solid #008000;
}
.green-bgi {
    background: #008000;
}
.green-textim, .green-texti {
    color: #32CD32;
}
 
  • Like
  • Love
التفاعلات: ahmedtelb1, muradjr97, SAIDI ATEF و شخص آخر
WIKIBA

WIKIBA

عضـو نشيـط
إنضم
14 أبريل 2025
المشاركات
70
مستوى التفاعل
226
النقاط
470
العمر
45
الإقامة
slo
الموقع الالكتروني
🔗
مجموع اﻻوسمة
1
الجنس
ذكر
Here is demo
 

المرفقات

  • zz.png
    zz.png
    39 KB · المشاهدات: 7
  • uu.png
    uu.png
    84.5 KB · المشاهدات: 7
  • Like
  • Love
التفاعلات: ahmedtelb1, sako13, bander و 2 آخرين
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.
مواضيع مماثلة المنتدى التاريخ
WIKIBA [شــرح] إضافة إخراج حجم الملف إلى XFRM منتدى سكربت زنفورو XenForo 4 64
WIKIBA [شــرح] إضافة إشعار و تنبيه للزائر بالتسجيل منتدى سكربت زنفورو XenForo 4 105
WIKIBA [شــرح] طريقة اضافة رابط الموضوع وربطه بعنوان الموضوع منتدى سكربت زنفورو XenForo 6 135
النوميدي [شــرح] طريقة إنشاء بنرات مدمجة فيها أيقونات للمجموعات منتدى سكربت زنفورو XenForo 1 339
النوميدي طريقة إضافة ايقونات في أزرار التحكم داخل الموضوع Xenforo 2.x منتدى سكربت زنفورو XenForo 1 487

مواضيع مماثلة


كلمة المدير

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى .

تواصل مع فريق العمل

  • Algeria, Palestine

  • t.me/techawzen

  • contact@techawzen.com

  • techawzen.com

عن منتديات تكاوزن العربية techawzen

منتديات تكاوزن اكبر موقع عربي لتحميل البرامج والالعاب وانظمة التشغيل و تطبيقات الجوالات و تقديم شروحات في الحماية والبرمجة والتقنية والهاردوير والصيانة

روابط تهمك

روابط تهمك

تابعنا على المواقع الاجتماعية


إتصل بنا

 

  • هذا الموقع يستخدم ملفات تعريف الارتباط (الكوكيز ) للمساعدة في تخصيص المحتوى وتخصيص تجربتك والحفاظ على تسجيل دخولك إذا قمت بالتسجيل.
    من خلال الاستمرار في استخدام هذا الموقع، فإنك توافق على استخدامنا لملفات تعريف الارتباط.
    موافق معرفة المزيد…
أعلى

خيارات الاستايل

تلوين الاقسام
ONOFF
خلفية المنتدى
نوع الخط
جدول المنتديات
ONOFF
تمديد المنتدى
ONOFF
فصل الأقسام
ONOFF
إخفاء السايدبار
ONOFF
حجم الخط
الصورة الرمزية
بيانات العضو
إخفاء التواقيع
ONOFF

إرجاع خيارات الإستايل