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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,945
Được Like
12,726
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: xenforo.com​
 

Đính kèm

  • themehouse-nodes-1.0.6.zip
    61.9 KB · Lượt xem: 49

boynetbom

Gefreiter
Tham gia
21/05/2015
Bài viết
90
Được Like
41
Mình làm đầy đủ các bước mà không thấy dòng Node Layout And Styling nhỉ
 

Stone

Private
Tham gia
16/11/2016
Bài viết
21
Được Like
10
mình cũng muốn đổi icon của từng chuyên mục forum mà chưa làm đc
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,945
Được Like
12,726
Update đính kèm thêm add-on [TH] Nodes.
 

Top Bottom