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

PVS

Generalissimo
Thành viên BQT
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: 44

PVS

Generalissimo
Thành viên BQT
Update đính kèm thêm add-on [TH] Nodes.
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top