[Hỏi đáp] Cách tạo icon riêng mỗi chuyên mục

Hỏi: Đây là rum của em: http://www.gamecpt.com/
Em muốn icon index_box nó giống forum devs của anh!

Đáp: https://devs.forumvi.com/t235-hoi-dap-cach-tao-icon-index_box-nhu-rum-devs?showpost=p1418

Hướng dẫn này sẽ giúp bạn tạo icon riêng cho từng chuyên mục trong PunBB.

Bạn vào cài đặt từng chuyên mục, thêm URL Icon cho phù hợp.



Trong cài đặt icon trạng thái chuyên mục, ẩn phần icon thường, thêm ảnh icon chuyên mục có bài mới và chuyên mục bị khóa. Lưu ý, icon này phải nhỏ hơn icon chuyên mục (khoảng 32 x 32px). Ví dụ:

Có bài mới:

Code:

http://i56.servimg.com/u/f56/18/59/49/93/new-ic10.png

Đã khóa:

Code:

http://i83.servimg.com/u/f83/16/58/89/73/lock10.png

Thêm vào CSS:

Code:

.indexbox .forum_desc img[style="float:left"][alt^="http://"]{-webkit-transition:all .2s;height:45px;margin-left:-60px;margin-top:-20px;position:absolute;transition:all .2s;width:45px}
.indexbox .statused tr:hover .forum_desc img[style="float:left"][alt^="http://"]{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}

Template Index_box:
Tìm:

Code:

<br />
{catrow.forumrow.FORUM_DESC}

Thay bằng:

Code:

<div class="forum_desc">{catrow.forumrow.FORUM_DESC}</div>

Tìm:

Code:

class="main-content"

sửa thành:

Code:

class="main-content indexbox"

---

Tags: #mod #tutorial #punbb #forum-icon