XtGem Forum catalog
» » » Cùng sáng tạo và làm wap/web phong phú hơn với Font Awesome & Bootstrap
Bạn phải để Bình luận
18-08-2016#
admin offline * LeYTi (Sáng Lập!)
Level MAX  Like 0
Xu 0  TN 0
VnMaster

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:
<link rel="stylesheet" type="text/css" href="http://vnmaster.yn.lt/css/bootstrap.min.css" media="all,handheld"/>
Copy code


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:
<link rel="stylesheet" type="text/css" href="Link Font Awesome & Bootstrap" media="all,handheld"/>
Copy code
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 :D

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)
Tổng số 1 bình luận
Chia sẻ bài viết: Sắp xếp:
Liên kết:
BBcode:
Tìm kiếm
Online
» Có 0 thành viên1 khách đang trực tuyến.
Stats
TOP
Facebook - Thanks to XTgem™ Sitemap - Nội quy
© 2015-2017 VnMaster.Yn.Lt
-->