Tutorial 2x [cXF] Icons in More options menu - Biểu tượng trong menu More options cho XenForo 2.3

[PVS]

[cXF] Icons in More options menu - Biểu tượng trong menu More options cho XenForo 2.3


Thêm biểu tượng vào menu More options và làm cho nó trong suốt và hoạt động nhanh hơn:

Thêm phần này vào template extra.less của bạn (dành cho XenForo 2.3):

/* [cXF] Icons in More options menu */
.menu--right .menu-content a.menu-linkRow {
    &:before {
        padding-right: 5px;
    }
    &[href*="/edit"]:before {
        .m-faContent(@fa-var-edit);
    }
    &[href*="/change-type"]:before {
        .m-faContent(@fa-var-shapes);
    }
    &[href*="/quick-close"]:before {
        .m-faContent(@fa-var-lock);
    }
    &[href*="/quick-stick"]:before {
        .m-faContent(@fa-var-thumbtack);
    }
    &[href*="/feature"]:before {
        .m-faContent(@fa-var-award);
    }
    &[href*="/poll/create"]:before {
        .m-faContent(@fa-var-poll);
    }
    &[href*="/delete"]:before {
        .m-faContent(@fa-var-trash-alt);
    }
    &[href*="/move"]:before {
        .m-faContent(@fa-var-arrow-from-left);
    }
    &[href*="/reply-bans"]:before {
        .m-faContent(@fa-var-ban);
    }
    &[href*="/moderator-actions"]:before {
        .m-faContent(@fa-var-clipboard-user);
    }
}
/*****/

Nếu bạn muốn một biểu tượng có một trong các kiểu Font Awesome 5 Pro - light, solid hoặc duotone - hãy sử dụng code ở trên như thế này (ví dụ): .m-faContent(@fa-var-duotone-sign-in);. Như bạn có thể thấy, bạn thêm tên kiểu (trong trường hợp đó duotone) vào bên trong code ngay sau dấu var-.

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

Nguồn: xenforo.com​