Other Double Ribbon Ranks - Gấp đôi ruy băng cấp bậc v1

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,989
Được Like
12,732
Double Ribbon Ranks - Gấp đôi ruy băng cấp bậc v1

Tóm tắt: Một loạt các double side (chiều ngang/chiều dọc) Ribbon cấp bậc. Trong file zip gồm ribbon png blank để bạn có thể chèn tiêu đề thuộc nhóm của riêng bạn.

umdCp.png

Thông tin bổ sung: Bởi vì các cấp bậc là một kích thước cố định mà họ đang thực hiện để được sử dụng bằng cách sử dụng chiều rộng XenForo memberuserinfo mặc định. Nếu bạn đã sửa đổi chiều rộng thì những cấp bậc sẽ không được đặt đúng cách và không dành cho bạn.

Cài đặt: Upload hình ảnh vào thư mục /icons và sau đó vào template message_user_info tìm:
Mã:
<xen:if is="!{$isQuickReply}">

Thêm vào bên trên nó đoạn code sau:
Mã:
<xen:if hascontent="true">
<ul class="ribbon">
<xen:contentcheck>
<xen:if is="{xen:helper ismemberof, $user, 3}">
<li class="ribbonAdmin">
</li>
</xen:if>
</xen:contentcheck>
</ul>
</xen:if>

Trong đó $user, 3 tương ứng với nhóm người sử dụng, ví dụ nếu thành viên có là id 2 thay đổi chữ số 2 và điều chỉnh html/css cho phù hợp.

Sau đó đi đến template EXTRA.CSS của bạn và thêm những điều sau đây
Mã:
/*USERGROUP RIBBON ENHANCEMENTS*/
.ribbon {
    margin: -1px -6px -2px;
}
.ribbon li {
    padding: 1px;
    position: relative;
    height: 30px;
}
.ribbonAdmin {
    background: url('@imagePath/xenforo/icons/yourimagetitle.png') no-repeat center;
}
/*USERGROUPRIBBON ENHANCEMENTS*/

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


Nguồn: xenforo.com​
 

Đính kèm

  • Double Ribbon Ranks (BBSmiley.com).zip
    12.8 KB · Lượt xem: 13

Top Bottom