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

[VNXF] Highlight Resource Tabs - Tab tài nguyên nổi bật

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

Lượt xem: 1,634

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

    Mô tả: Add-on này quy định các tab nổi bật (mặc định nổi bật là tab Discussion and Overviewvới màu @primaryLighter)

    ndSnLzi.png
    * Ở đây được đánh dấu là tab Discussion. Tab Overview chỉ là một tab lựa chọn và màu cam được thiết lập trong Style Properties.

    Sửa đổi mã trong template sau đây:
    • EXTRA.css
    Yêu cầu:
    • XenForo Resource Manager
    • Tiện ích này làm việc với XenForo v1.3x trở lên
    • Chỉ thử nghiệm trên template mặc định
    Cài đặt:
    1. Trong ACP đến Appearance > Templates > EXTRA.css
    2. Thêm code sau vào EXTRA.css:
    Code:
    /* START - HIGHLIGHT RESOURCE TABS */
    .tabs .resourceTabDescription {
        background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
        background-color: @primaryLighter;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    
    .tabs .resourceTabDiscussion {
        background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
        background-color: @primaryLighter;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    
    .tabs li a, .tabs.noLinks li {
        background: none;
    }
    /* END - HIGHLIGHT RESOURCE TABS */
    Tùy chọn bổ sung:
    • Loại bỏ nổi bật từ tab Overview
    Xóa code sau trong bản gốc:
    Code:
    .tabs .resourceTabDescription {
        background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
        background-color: @primaryLighter;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    • Loại bỏ nổi bật từ tab Discussion
    Xóa code sau trong bản gốc:
    Code:
    .tabs .resourceTabDiscussion {
        background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
        background-color: @primaryLighter;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    • Làm thế nào để làm nổi bật tab Updates
    Thêm code sau vào cuối:
    Code:
    .tabs .resourceTabUpdates {
        background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
        background-color: @primaryLighter;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    • Làm thế nào để làm nổi bật tab Version History
    Thêm code sau vào cuối:
    Code:
    .tabs .resourceTabHistory {
        background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
        background-color: @primaryLighter;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    • Làm thế nào để làm nổi bật tab Reviews
    Thêm code sau vào cuối:
    Code:
    .tabs .resourceTabReviews {
        background: url("@imagePath/xenforo/gradients/form-button-white-25px.png") repeat-x;
        background-color: @primaryLighter;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    *Chỉnh sửa background-color cho phù hợp với nhu cầu của bạn.

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

    Nguồn: VNXF.VN​

    ...

Ủng hộ diễn đàn