Tutorial 2x Add image in category - Thêm hình ảnh vào category cho XenForo 2

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,735
Được Like
12,681
Add image in category - Thêm hình ảnh vào category cho XenForo 2

Thêm ký tự hoặc bất kỳ hình ảnh nào vào Category.

1520486879743.png

Bạn chỉ cần thêm đoạn code sau vào template extra.less của bạn. Thay thế URL bằng url hình ảnh của bạn.
Thay đổi Width, Height, Top và Right theo kích thước hình ảnh của bạn. Nếu bạn muốn sử dụng hình ảnh đó chỉ trong một category đầu thì thay .block--category thành .block--category::first-child

Với block-header::after hình ảnh sẽ được hiển thị ở phía bên phải của category. Bên trái nếu bạn sử dụng ::before
Mã:
.p-body-pageContent .block--category .block-header::after {
    content: "";
    position: absolute;
    top: -119px;
    right: -25px;
    z-index: 2;
    pointer-events: none;
    background-image: url(URL);
    background-size: contain;
    background-repeat: no-repeat;
    width: 159px;
    height: 176px;
}
.p-body-pageContent .block, .p-body-sidebar .block {
    position: relative
}

Hình ảnh mình sử dụng cho mục đích giới thiệu lấy từ google.

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


Nguồn: xenforo.com​
 

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom