- Tham gia
- 28/02/2015
- Bài viết
- 17,142
- Được Like
- 12,745
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):
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):
Thay thế nó bằng:
CSS của chúng tôi đối với các mã trên là, thêm vào extra.css:
Chúc các bạn thành công.
Để 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
Bài viết liên quan
Bài viết mới