Cách 1
Dùng thuộc tính
background.
Trong temp
viewforum_body, tìm:
- Code:
{BOARD_INDEX}
... thêm vào bên dưới:
- Code:
<div id="banner{FORUM_ID}" class="main paged banner-category"></div>
Thêm vào CSS (
mẫu):
- Code:
.banner-category {
height: 150px;
background: url(IMG_1) no-repeat center center/auto 100% transparent;
background-size: cover;
}
#banner2 {
background-image: url(IMG_2);
}
#banner7 {
background-image: url(IMG_7);
}
Lưu ý
Trong code trên:
IMG_1 là link ảnh dùng làm banner mặc định cho tất cả chuyên mục.
Để đặt banner riêng cho mỗi chuyên mục thì thêm thuộc tính
background-image cho
#banner<forum id> (
trong ví dụ trên là chuyên mục 2 và 7).
Nếu không muốn dùng banner mặc định thì,
sửa:
url(IMG_1) thành
none,
và xóa
height: 150px;Nếu dùng cách này thì khi thêm banner riêng, nhớ bổ sung thuộc tính
height.
Cách 2
Dùng
link ảnh cố định.
Để dùng cách này thì bạn phải tải ảnh lên host cho phép giữ nguyên tên ảnh và đường dẫn chung, ví dụ photobucket, dropbox... Trong đó tên ảnh là
forum id.
Trong temp
viewforum_body, tìm:
- Code:
{BOARD_INDEX}
... thêm vào bên dưới:
- Code:
<div class="main paged">
<img src="../images/{FORUM_ID}.png" />
</div>
Lưu ý
Code trên chỉ là ví dụ, link ảnh thay đổi theo host bạn dùng.
Tags: #mod #tutorial #punbb #category