[Hỏi đáp] Ai biết cách tạo box như này không ?

Demo :

Demo Online : http://laban.vn/

Kéo xuống gần cuối trang đó sẽ thấy :D , ai biết làm box như vậy không ? giúp An với

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 đỏ.

Chắc em điên quá :( ý em là làm cái index_box dạng như vậy luôn đó anh ! a chĩ v e cũng k biết làm sao

AnChina wrote:Chắc em điên quá :( ý em là làm cái index_box dạng như vậy luôn đó anh ! a chĩ v e cũng k biết làm sao

Trời, anh chỉ như thế là để em tự làm từ từ rồi tiến bộ. Chứ nếu anh muốn làm thì tính làm gì nữa. ^^. Mấy cái này dễ làm lắm. Mò một chút là ra thôi. Đâu cần tới js đâu mà khó khăn. Chỉ là html và css căn bản thôi.

markai30 wrote:

AnChina wrote:Chắc em điên quá :( ý em là làm cái index_box dạng như vậy luôn đó anh ! a chĩ v e cũng k biết làm sao

Trời, anh chỉ như thế là để em tự làm từ từ rồi tiến bộ. Chứ nếu anh muốn làm thì tính làm gì nữa. ^^. Mấy cái này dễ làm lắm. Mò một chút là ra thôi. Đâu cần tới js đâu mà khó khăn. Chỉ là html và css căn bản thôi.

Em làm được rồi anh à ,  nhưng cái em muốn là làm mấy cái box nó theo hàng như vậy đó anh