User Ranks Based on Trophy Points - Xếp hạng người sử dụng dựa trên điểm thành tích

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,688
User Ranks Based on Trophy Points - Xếp hạng người sử dụng dựa trên điểm thành tích

Để hiển thị một hình ảnh thứ hạng dựa trên điểm thành tích, bạn có thể làm một cái gì đó như thế này (hãy chắc chắn để thay thế [path_to_image] với hình ảnh của bạn):
Mã:
        <xen:if is="{$user.trophy_points} >= 130">
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 85" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 50" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 30" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 15" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 5" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 0" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        </xen:if>

Chúng tôi ở một nơi cụ thể như những gì bạn đang thấy là meter của chúng tôi được dựa trên điểm thành tích. Nhưng nó vẫn phải tuân theo các quy tắc tương tự. Tôi tin rằng bạn có thể dán mã ngay trên <!-- slot: message_user_info_text --> và làm cho nó hiển thị ngay dưới tên người dùng.

Chúng tôi có một tùy chỉnh style riêng vì vậy nếu bạn muốn làm meter như của chúng tôi:

Tìm (trong cùng một template như trên):
Mã:
<span class="arrow"><span>

Thay thế nó bằng:
Mã:
<xen:if hascontent="true">
    <div class="som">
        <xen:contentcheck>
        <xen:if is="{$user.trophy_points} >= 130" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 85" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 50" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 30" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 15" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 5" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]g" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        <xen:elseif is="{$user.trophy_points} >= 0" />
            <a href="{xen:link members/trophies, $user}" class="concealed OverlayTrigger"><img src="[path_to_image]" class="Tooltip" title="{xen:phrase trophy_points}: {$user.trophy_points}" /></a>
        </xen:if>
    </xen:contentcheck>
</div>
</xen:if>

CSS của chúng tôi đối với các mã trên là, thêm vào extra.css:
Mã:
.messageUserInfo .som
{
    text-align:center;
    padding-top:7px;
    padding-bottom:5px;
}

.quickReply .messageUserInfo .som
{
    display:none;
}

Chúc các bạn thành công.


Nguồn: xenforo.com​
 
  • Like
Reactions: THB

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom