Cùng sáng tạo và làm wap/web phong phú hơn với Font Awesome & Bootstrap

Chắc hẳn 90% người làm wapmaster rất thích những icon độc đáo và chèn vào mọi nơi trên trang, chẳng hạn các icon nằm kế bên các dòng chữ chẳng hạn.

Hôm nay mình sẽ chia sẻ cho các bạn cách sử dụng và cách làm sao để hiện icon. Đặc biệt ở đây thì các bạn không cần phải cao chạy xa bay đi đâu mà đi tìm các icon đẹp để chèn vào wap dưới dạng hình ảnh.Chúng ta sử dụng Font Awesome và Bootstrap thôi (Kiểu như Font và CSS) chỉ cần các bạn làm các bước sau:

Cách 1 Chèn mã sau vào wap:


Cách 2: Tải hoặc copy toàn bộ nội dung ở VnMaster rồi dán vào một file nào đó. Sau đó dùng code sau để chèn vào wap:
Lưu ý: thay Link Font Awesome & Bootstrap thành link dẫn tới file mà bạn tải về (file copy)

Cách 3: Vào trang chủ của Font Awesome & Bootstrap để tải về

Cách sử dụng: Sau khi đã tải các bước trên xong, bạn có thể chèn icon bằng cách dùng mã

<i class="fa fa-IDNAME"></i>

Các bạn thay IDNAME thành tên của icon vào (Vd: <i class="fa fa-home"></i> ). Xem danh sách tên icon tại đây. Xem Demo tại đây

Hãy sử dụng sản phẩm này, với hơn 600 icon đã được thiết kế, bạn không cần phải đi đâu mà tìm mà mất thời gian. Tự tùy biến màu icon cho phù hợp với trang (Vd: bạn đặt icon Home ở lớp phdr với màu nền là Black thì icon sẽ tự động chuyển màu thành White). 

Còn chần chờ gì mà không nhanh tay sử dụng

Nguồn: VnMaster
Biên soạn bởi: LeYTi (Vui lòng leech ghi rõ người biên soạn và nguồn)