- 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.
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:
Thêm vào bên trên nó đoạn code sau:
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
Chúc các bạn thành công.
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.
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
Bài viết liên quan
Bài viết mới
Bị lỗi data
bởi bloghocpiano,