Home » Chia Sẻ Code » HTML » Tự Code bảng chọn HTML Icons

Tự Code bảng chọn HTML Icons

Icons là một trong những thành phần không thể thiếu cho một website. Bất cứ bạn thiết kế website cho lĩnh vực nào thì Icons luôn luôn là điều bạn cần quan tâm. Bản thân tôi thường sử dụng Icon với định dạng PNG hoặc Font Awesome để làm biểu tượng cho các dự án thiết kế web của mình.

Tự Code bảng chọn HTML Icons Tự Code bảng chọn HTML Icons - Lại Văn Đức Blog

Nhưng hôm nay, chúng ta sẽ gạt qua những cách thức sử dụng icons cũ. Chúng ta sẽ sử dụng HTML icons xem nó thể hiện như thế nào trên website của bạn nhé. Và nhân đây chúng ta cũng sẽ Code một bảng chọn Icons, một thanh tìm kiếm được tích hợp vào và khi bạn bấm vào icon cần sử dụng thì các đoạn code sẽ hiển thị ra cho bạn copy và paste vào đâu đó tùy bạn.

Chúng ta hãy bắt đầu ngay bây giờ bằng cách sử dụng đoạn Code HTML dưới đây > Nhưng trước hết bạn đừng quên gọi thư viện jquery ra nhé:

Tiếp đến chúng ta sẽ sử dụng CSS như sau:

Chưa xong đâu nhé, chúng ta cần một đoạn JavaScript nữa:

Có vẻ như xong rồi đấy. Mời bạn cùng tôi Demo và hãy áp dụng vào các dự án thiết kế của bạn nếu bạn thấy thích nhé.

There are no comments yet

  • Hello, guest