Jump to content
IPSViet.com

Sign in to follow this  
Bim

Sử dụng Fontawesome cho forum icon

Recommended Posts

Bim    1,476

Như các bạn biết, Font Awesome là một công cụ tuyệt vời để bạn tạo giao diện website, có hơn 600 icons cho bạn lựa chọn, chỉ cần tích hợp css và font vào là sử dụng, không cần đến những hình ảnh nặng nề. IPS 4 đã tích hợp Font Awesome, các bạn để ý sẽ thấy tất cả các biểu tượng, hình ảnh không phải dùng file ảnh nữa. Mặc định, IPS sử dụng biểu tượng 'comments' cho các forum và chức năng Forum Icon cho phép bạn upload hình ảnh làm biểu tượng cho forum. Tuy nhiên bạn thích Font Awesome bởi sự gọn nhẹ, đơn giản? Bài viết này sẽ hướng dẫn các bạn sử dụng custom css để hiển thị icon cho forums.

Bước 1: Tìm icon bạn thích

  • Truy cập vào 

    Hidden Content

      Give reaction to this post to see the hidden content.
     và tìm một icon, click vào icon đó.
  • Ghi nhớ giá trị unicode của Icon

ForumIconWithFontAwesome_1.thumb.jpg.a74

Bước 2: Thêm vào CSS

  • Truy cập ACP > Customization > Themes > click </> để chỉnh sửa theme > CSS > core> front > custom > custom.css

ForumIconWithFontAwesome_2.thumb.jpg.15f

  • CSS cần thêm vào như sau

Hidden Content

    Give reaction to this post to see the hidden content.

Lưu ý 1 và 2 bên trên là số ID của forum. Để biết ID của forum thì chú ý đường dẫn của forum, ví dụ

Hidden Content

    Give reaction to this post to see the hidden content.

Thì 190 là ID forum.

Và kết quả sẽ như thế này

ForumIconWithFontAwesome_3.jpg.7382b6425

 

  • Like 6

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×