Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

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

Chủ đề thuộc danh mục 'Hướng dẫn - Thủ thuật Xenforo' được đăng bởi PCO, 13/7/16.

Lượt xem: 4,452

  1. PCO Thành viên cấp 2

    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.

    DfB5nxc.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:

    Code:
    <xen:if is="!{$isQuickReply}">
    Thêm vào bên trên nó đoạn code sau:

    Code:
    <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

    Code:
    /*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*/
    Tải file tại đây: [LOCK]https://drive.google.com/file/d/0B42wP0jaeQYXUjJ5R2NoM2Zmd0k/view[/LOCK]

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

    Nguồn: VNXF.VN

    ...
    xXNiceAssassinlo thích bài viết này

Ủng hộ diễn đàn