Sử dụng Fontawesome làm thôi. Xem hướng dẫn của zero nhé.
https://devs.forumvi.com/t620-tips-huong-dan-su-dung-font-awesomeĐể tham khảo các icont của Awesome em vào đây nhé.
http://fontawesome.io/icons/
Để có thể sử dụng với các box riêng. Em vào acp chỉnh từng chuyên mục, vd như: chuyên mục game em viết mô tả như sau:
- Code:
<div class="info_box box_game"><i class="fa fa-gamepad"></i> Game</div>
Sau đó có thể chỉnh css tùy ý các mô tả này.
Để nó hiển thị em vào index_box tìm
- Code:
{catrow.forumrow.FORUM_DESC}
. Nếu không có thì thêm vào.
Sửa lại một tí ở index_box như sau. Tìm
- Code:
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
Sửa nó lại thành.
- Code:
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">
<span data="{catrow.forumrow.FORUM_FOLDER_IMG}" class="box_icont">{catrow.forumrow.FORUM_DESC}</span><span class="forum_box_name">{catrow.forumrow.FORUM_NAME}</span>
</a>
Vậy là xong. Nếu em muốn đổi màu icont khi có bài viết mới. Em dùng attribute data của class box_icont để đổi màu cho nó.
Vd như khi có bài viết mới, mặc định của fm sẽ cho ra một tấm ảnh có dạng như unread_gif.
Thì lúc đó em viết css như sau.
- Code:
.box_icont[data*="unread"] .fa{
color: red
}
Khi có bài viết mới, các icont box đó sẽ tự chuyển màu thành màu đỏ.