Tutorial 2x Different Node Icons Per Node - Thay đổi biểu tượng mỗi Node cho XenForo 2

Thảo luận trong 'Tips and Guides' bắt đầu bởi PVS, 26/10/2018.

  1. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,811
    Đã được thích:
    7,063
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Different Node Icons Per Node - Thay đổi biểu tượng mỗi Node cho XenForo 2

    Để tạo các biểu tượng riêng lẻ cho mỗi node mong muốn, hãy làm theo các hướng dẫn dưới đây. Hãy chắc chắn rằng bạn đã cài đặt add-on TH (Nodes).

    nodeicon.png
    1.) Đến: AdminCP > Appearance > Templates > và tìm template "extra.less"
    Mở template và thêm đoạn code bên dưới vào (Gọi nó là bất cứ thứ gì bạn muốn. Trong ví dụ ở đây, mình gọi nó là ".iconx" ):

    Mã:
    .iconx {
        background-image: url(https://yoursite.com/icon.png);
        background-size: 40px 40px;
        background-repeat: no-repeat;
            height: 40px;
        width: 40px;
    }
    iconchange1.png

    changeicon2.png

    iconchange3.png
    QUAN TRỌNG: đảm bảo thêm url hình ảnh chính xác vào nơi biểu tượng của bạn được lưu trữ. Áp dụng code và lưu. Khi bạn đã thêm code của mình, hãy làm theo bước 2.

    2.) Đến: AdminCP > Forums> Node Layout And Styling > chọn node bạn muốn áp dụng biểu tượng cụ thể này. Đảm bảo bạn đã chọn đúng style cho biểu tượng này xuất hiện.

    changeicon4.png
    Thực hiện theo bước 3

    3.) Ở Node Layout And Styling > di chuyển xuống biểu tượng Node và đánh dấu vào nó. Chọn tất cả các box cho giá trị tùy chỉnh. Áp dụng tên biểu tượng của bạn trong các box đó.

    QUAN TRỌNG: Đảm bảo xóa "." (dấu chấm) ở phía trước tên như được hiển thị bên dưới: Trong ví dụ này, đặt là iconx.

    changeicon6.png

    changeicon5.png
    Khi bạn đã thêm tên biểu tượng vào tất cả giá trị tùy chỉnh của mình, hãy lưu lại và bạn đã hoàn tất.

    LƯU Ý: Code đã cung cấp sẽ thay đổi kích thước node của bạn cho phù hợp (bạn có thể thay đổi kích thước thành bất kỳ kích thước px nào bạn muốn). Thưởng thức các biểu tượng node mới của bạn.

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


    Nguồn: bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365.com​
     

    Các file đính kèm:

    huynhvantam123 thích bài này.
  2. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    353
    Đã được thích:
    142
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Thanks bạn nhiều
     
  3. truongten

    truongten Thượng Đế

    Tham gia:
    05/10/2015
    Bài viết:
    6
    Đã được thích:
    3
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Thank Bạn Nhiều
     
  4. boynetbom

    boynetbom Thượng Đế

    Tham gia:
    21/05/2015
    Bài viết:
    80
    Đã được thích:
    35
    Điểm thành tích:
    18
    Giới tính:
    Nam
    Web:
    Mình làm đầy đủ các bước mà không thấy dòng Node Layout And Styling nhỉ
     
  5. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,811
    Đã được thích:
    7,063
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Bạn phải cài thêm add-on [TH] Nodes nữa nha.
     
  6. boynetbom

    boynetbom Thượng Đế

    Tham gia:
    21/05/2015
    Bài viết:
    80
    Đã được thích:
    35
    Điểm thành tích:
    18
    Giới tính:
    Nam
    Web:
    Cài add-on đó rồi bạn
     
  7. Stone

    Stone Thượng Đế

    Tham gia:
    16/11/2016
    Bài viết:
    21
    Đã được thích:
    10
    Điểm thành tích:
    3
    mình cũng muốn đổi icon của từng chuyên mục forum mà chưa làm đc
     
  8. vudinhkhang2

    vudinhkhang2 Thượng Đế

    Tham gia:
    25/01/2019
    Bài viết:
    102
    Đã được thích:
    15
    Điểm thành tích:
    18
    Nơi ở:
    Lâm Đồng
    xin link [TH] Nodes bac oi - thêm vào đính kèm đi
     
  9. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,811
    Đã được thích:
    7,063
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Update đính kèm thêm add-on [TH] Nodes.
     

Chia sẻ trang này