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 [b]#banner<forum id>[/b] (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
