Tạo icon từ bộ Font Awesome bằng CSS - Thủ thuật web - Thủ thuật

Tạo icon từ bộ Font Awesome bằng CSS

Font Awesome là một web font chứa tất cả các icon từ Twitter Bootstrap framework , bằng cách ấn định giá trị content trong css, các bạn có thể tạo ra các icon theo ý muốn. Giả sử các bạn muốn tạo icon từ phần tử nào, thì chỉ việc khai báo như sau:

Copy

 
 .element { 
 position: relative; 
 } 
 
 /*replace the content value with the 
 corresponding value from the list below*/ 
 .element:before { 
 content: "\f000"; 
 font-family: FontAwesome; 
 font-style: normal; 
 font-weight: normal; 
 text-decoration: inherit; 
 /*--adjust as necessary--*/ 
 color: #000; 
 font-size: 18px; 
 padding-right: 0.5em; 
 position: absolute; 
 top: 10px; 
 left: 0; 
 }

Và chỉ cần thay đổi giá trị content các bạn có thể tạo ra được các icon như sau:

Hy vọng với bộ icon này, các bạn sẽ tha hồ mà áp dụng cho web của mình. Chúc các bạn thành công !

Từ khóa: code tao bo icon tu bo font cua may tinh, huong dan lam icon bang lenh css, tao icon cho web khong can hinh anh, cach tao bo icon ma khong can dung photoshop, ung dung icon cua Font Awesome cho web,

Bài viết coppy từ webmaster

Click xem nguồn

Danh mục: Thủ thuật web | Thêm bởi: Bờm-Cute [28-10-2017] | Thẻ: code, WebSite, css, javascript, html, Icon Lượt xem: 822

Đừng quên like nếu bài viết hữu ích nhé!

Chuyện cô gái gặp nhân tình hứ...

Anh nói em không có chồng thì anh sẽ bỏ vợ đến bên em, còn nếu em có chồng thì anh vẫn là người yêu em và giúp đỡ em lúc em khó khăn.

Bí quyết giúp bạn có được làn ...

Sự kích ứng từ các tia UV của ánh mặt trời có thể dẫn đến một loạt các vấn đề về da và tóc, gây cháy nắng, hình thành các nếp nhăn.

Cách trị sổ mũi ở trẻ sơ sinh ...

Trẻ sơ sinh bị sổ mũi thường có cảm giác khó chịu, quấy khóc, khiến ông bà bố mẹ đau đầu. Cách trị sổ mũi cho trẻ sơ sinh đơn giản và an toàn nhất đó là quan tâm đến giấc ngủ và làm sạch mũi thường xuyên cho con.

Giặt quần áo không bị phai màu...

Trộn quần áo khi giặt, giặt bằng nước lạnh, hay sử dụng giấm, lá trầu không... là những cách vừa không tốn nhiều chi phí lại giúp giữ màu quần áo hiệu quả, an toàn.

Chữa bệnh trĩ tại nhà bằng phư...

Cách trị bệnh trĩ bằng lá xông tại nhà đơn giản mà hiệu quả. Cách trị bệnh trĩ không cần đi khám. Cách trị bệnh trình bằng cách xông hơi. Trị bệnh trĩ tại nhà không cần tới phòng khám

Những dấu hiệu nhận biết về th...

Bệnh thoái hóa cột sống chủ yếu do ngoại cảnh và môi trường tác động. Chế độ ăn uống không hợp lý, không đầy đủ, thiếu chất; làm việc quá sức, lao động nặng quá sớm, mang vác nặng từ nhỏ...

Quản lý chuyên nghiệp với phần...

Trong thời buổi hiện nay, việc mở shop quần áo hết sức đơn giản và dễ dàng vì có rất nhiều nguồn quần áo giá rẻ như chợ Ninh Hiệp, Đồng Xuân, Quảng Châu….Nhưng không phải ai khi mở shop quần áo cũng thành công vì yếu tố quan trọng nhất quyết định sự tồn tại đó chính là quản lý bán hàng shop quần áo làm sao vừa chuyên nghiệp vừa hiệu quả.

Xóa sẹo lồi bằng những bài thu...

Sẹo lồi để lại do vết mổ, do tai nạn… khiến chị em mất tự tin khi giao tiếp? Mách nhỏ bạn công thức đánh tan sẹo lồi đơn giản chỉ với một nắm ngải cứu.

Những bi kip song khỏe của ông...

Người xưa lưu truyền bí quyết sống khỏe là ăn no không gội đầu, đói không tắm; dưỡng sinh và dưỡng tâm; nam giới ăn rau hẹ để tráng dương bổ thận, nữ giới ăn ngó sen giúp da đẹp

Những điều các mẹ cần để ý để ...

Để tránh việc biến những bữa ăn của con thành các cuộc “chiến tranh”, cũng như hạn chế, giảm thiểu được những thói quen không tốt về ăn uống của các bé, mẹ cần nhớ những điều dưới đây.

Cách hacker lợi dụng điểm truy...

Wi-Fi thật tiện lợi nhưng hỡi ôi cũng thật nguy hiểm! Bạn hãy xem 7 cách mà mình có thể 'biếu không' thông tin riêng tư qua kết nối Wi-Fi cũng như cách phòng chống.

Có nên sử dụng phần mềm quản l...

Trong bài viết này, MasterPro sẽ cung cấp cho bạn một cái nhìn tổng quan về các ưu – nhược điểm phổ biến của phần mềm bán hàng miễn phí. Mong rằng với những kiến thức được chia sẻ, chúng tôi có thể giúp bạn đánh giá chính xác hơn về phần mềm miễn phí và cân nhắc xem nó có phù hợp với nhu cầu kinh doanh của mình hay không.

Tương lai con người có thể mọc...

Các nhà nghiên cứu tuyên bố đã tìm ra một phương pháp trị liệu tế bào gốc mới, giúp con người có thể tái mọc các chi hoặc bộ phận cơ thể bị mất giống như thằn lằn.

Các nguyên nhân gây ra bệnh vi...

Và trên thị trường hiện nay có nhiều loại thuốc giúp điều trị căn bệnh này như thuốc glucosamine Hàn Quốc, Mỹ... với tác dụng nhanh, hiệu quả kéo dài. Nhưng trước tiên chúng ta phải tìm hiểu được nguyên nhân gây bệnh xương khớp này

Nếu bạn hay thức khuya dậy trễ...

Thức khuya rồi ngủ bù vào ngày hôm sau, kiểu sinh hoạt phản khoa học này sẽ khiến bạn vừa già vừa xấu vừa yếu đi trông thấy.

Đầu tư vào ngành game Việt: Cơ...

Ngành game Việt Nam đang trên đà phát triển mạnh mẽ và thu hút được sự quan tâm của nhiều nhà đầu tư trong và ngoài nước. Tuy nhiên, để đạt được lợi nhuận cao trong ngành công nghiệp này không phải là điều dễ dàng. Vì vậy, hãy cùng tìm hiểu về các thách thức và cơ hội của ngành để có thể đưa ra những chiến lược đầu tư thông minh bạn nhé!

Bí kíp giữ bình tĩnh và không ...

Những ngày gần đây, cộng đồng mạng thế giới đang phát sốt về một trò chơi trên điện thoại với cái tên Flappy Bird do chính một lập trình viên người Việt xây dựng.

Đầu tư vào ngành game Việt: Cơ...

Bí quyết để có một làn da mặt ...

Làm con gái ai cũng ao ước có được làn da trắng hồng đẹp tự nhiên. Tuy nhiên không phải ai sinh ra cũng được trời phú cho điều đó. Thời tiết, tuổi tác và những tác động của môi trường hay do gen di truyền khiến làn da của bạn sạm đen, kém mịn

Chuyện gì sẽ xảy ra khi rắc ba...

Baking soda sẽ đánh bay các vết bẩn cứng đầu bằng cách "giặt khô" đơn giản này. Cách này sẽ loại bỏ bụi, mồ hôi, tế bào chết, nấm và mùi hôi khó chịu đọng trên đệm, sofa, theo Brightside.

Bí quyết trị hôi chân tại nhà ...

Theo quan niệm của y học phương Đông, đôi chân được ví như trái tim thứ hai của con người vì những chức năng vốn có của nó, chính vì thế việc chăm sóc sức khỏe và vẻ đẹp đôi chân đóng một vai trò rất quan trọng.

Lợi ích và những sai lầm khi s...

Nước dừa vẫn được coi là thứ nước uống cao cấp, không chỉ trong sạch vô trùng mà còn rất mát. Tuy nhiên, nếu không biết cách uống thì nước dừa lại rất có hại cho sức khoẻ.

Top những thực phẩm làm đẹp, c...

Rạn da thường xuất hiện từ tháng thứ 5-6 của thai kỳ và thâm đen ở tháng thứ 8,9 do sự phát triển nhanh chóng của em bé. Đây là nỗi ám ảnh lớn của rất nhiều bà mẹ sau sinh

Sai lầm khi uống trà gừng vào ...

Gừng có nhiều công dụng hữu ích cho sức khỏe. Tuy nhiên nếu bạn sử dụng gừng sai cách sẽ khiến dạ dày chịu tổn thương.

4 kỹ năng bán hàng thiết yếu m...

Có thể nói, doanh thu của một công ty phụ thuộc phần lớn vào kỹ năng bán hàng của bộ phận kinh doanh. Ngoài việc quản lý và xây dựng một đội ngũ kinh doanh hiệu quả, một doanh nghiệp cần chú trọng nâng cao kĩ năng bán hàng của từng cá nhân trong team.

Bài thuốc chữa bách bệnh từ câ...

Đây là bài thuốc tôi đã đúc kết qua rất nhiều sách và thực tiễn . Phúc chủ may thầy, mọi người cùng chia sẻ để những ai không có điều kiện đi bệnh viện có thể áp dụng tại nhà. Chúc mọi người may mắn và hạnh phúc.

Các nguyên nhân gây ra mụn đầu...

Mụn đầu đen xuất hiện chủ yếu trên da nhờn. Chất dầu tiết quá nhiều và làm bít lỗ chân lông, chúng tích tụ lâu ngày cứng lại thành cục. Phần tiếp xúc với không khí (ở phần ngoài của da) sẽ có màu đen.

Đàn ông ở độ tuổi 30 nên làm g...

Bước vào tuổi 30, phái mạnh cần kiểm tra huyết áp thường xuyên, từ bỏ bia rượu và ăn ít đồ béo để bảo vệ sức khỏe. Đàn ông làm bố trước tuổi 25 dễ tổn thọ / 5 lời khuyên khi tập thể hình cho đàn ông trên 30 tuổi

Kaspersky Internet Security

Để bảo vệ cho máy tính an toàn và tránh khỏi các phần mềm độc hại, Virus, trojan, malware hoặc các phần mềm gián điệp thì giải pháp tốt nhất dành cho bạn là sử dụng Kaspersky Internet Security. Với những ai từng sử dụng phần mềm Avast Internet Security thì chắc đã hiểu rõ sự khó chịu của phần mềm này. Chỉ cần quét thấy một file nào đó bất thường thì lập tức xóa ngay. Điều đó đôi khi vô tình xóa đi các file hệ thống và hậu quả là khiến Windows bị lỗi. Nếu nặng, bạn thậm chí phải cài lại Win mới vừa tốn công lại mất thời gian. Do đó, nếu muốn chọn một phần mềm bảo vệ máy tính an toàn và hiệu quả thì nên chọn

Các xu hướng bán hàng online n...

Dưới đây, chúng tôi đã tập hợp những xu hướng mới nhất về bán hàng qua mạng xã hội, vai trò nâng cao vị thế của AI, Gen Z và chiến lược đa kênh. Bạn có thể thu thập những thông tin này và tạo cho mình các cách bán hàng online hợp xu hướng nhất.

Giải mã hiện tượng giật mạnh k...

Có bao giờ bạn rơi vào trạng thái đang ngủ say, cơ thể lại bị giật mạnh một cái không? Liệu có phải do nằm mơ? hãy đọc xe bài viết này giải thích như thế nào về hiện tượng khó hiểu này nhé.

Hướng dẫn cách chế biến tỏi đe...

Với tỏi thông thường, nó màu trắng, vị cay và hăng nhưng tỏi đen lại có màu đen, vị ngọt dịu, mùi thơm nhẹ và kết cấu dẻo.

Ung thư đã có cách chữa, niềm ...

Ông Allan Taylor và những phương thuốc từ thảo dược đã giúp ông chiến đấu với căn bệnh ung thư. Cách chữa bệnh ung thư. Yên tâm không còn sợ nữa xin phổ biến rộng rãi.

Chế độ ăn uống và dinh dưỡng h...

Nhiều người bị rụng tóc thường do thiếu kẽm. Kẽm đóng vai trò quan trọng trong cơ thể, từ việc tái tạo tế bào đến cân bằng hormon và thực hiện tất cả chức năng tác động đến sự phát triển của tóc

Mẹo 5p mỗi ngày giúp bạn có vò...

Cứ lấy dây thun buộc 2 đầu ngón chân theo cách này trong 5 phút, bắp đùi và vòng eo giảm đi rõ rệt theo từng ngày, bạn tin không? Thử xem nha hiệu quả lắm đấy

Bí quyết cải thiện và tăn...

Những người trẻ thường cho rằng mình đang ở trong giai đoạn “sung mãn” nhất của sức khỏe nên mặc nhiên “vắt kiệt” nó bằng những thói quen sinh hoạt thiếu khoa học. Các thói quen này là nguyên nhân hàng đầu khiến gia tăng chứng suy giảm trí nhớ ở người trẻ.

Hướng dẫn khắc phục và trị môi...

Rất nhiều loại kem đánh răng chứa sodium lauryl sulfate gây khô môi, kích ứng da; thở bằng miệng cũng khiến da mất nước.

Cải thiện việc mất tập tr...

Khó tập trung vào công việc, đầu óc lơ đãng, hay quên… là những biểu hiện thường thấy ở phần lớn nhân viên văn phòng.

Bài trắc nghiệm giúp bạn kiểm ...

Bảng câu hỏi sau đây giúp cho bạn có thể đánh giá để biết bạn hoặc người thân của bạn có các triệu chứng trầm cảm hay không.

Bị viêm họng mạn tính cần làm ...

Để việc điều trị đạt hiệu quả, người bệnh cần biết súc họng đúng cách. Trước tiên cần súc sạch khoang miệng bằng nước muối đã pha trong khoảng 30 giây.

Những sai lầm khi trị ngạt mũi...

Giao mùa là khoảng thời gian rất dễ làm trẻ bị nhiễm bệnh, nhất là các bệnh về mũi. Tuy nhiên, không phải mẹ nào cũng trị sổ mũi cho bé đúng cách, dẫn đến những sai lầm đáng tiếc. Những sai lầm dưới đây, mẹ nên tránh nhé!

Chữa hôi nách chỉ trong một tu...

Mùi hôi nách khiến bạn cảm thấy khó chịu, mất hết tự tin chính vì vậy cách trị hôi nách vĩnh viễn là điều được quan tâm của rất nhiều người.

Lý giải các hiện tượng khó hiể...

Tại sao khi sợ hãi lại tè ra quần, vì sao ta nôn ói khi chóng mặt... là những vấn đề tưởng chừng như quá giản đơn nhưng không phải ai trong chúng ta cũng hiểu.

Bán hàng đa kênh là gì

Bạn có thể hiểu bán hàng đa kênh là mô hình tiếp thị tất cả trong một của ngành bán lẻ. Hay là khách của bạn sẽ tiếp cận sản phẩm của cửa hàng bằng nhiều cách khác nhau. Nghĩa là khi bạn tiếp thị ở các kênh thì khách sẽ biết đến bạn qua kênh đó. Bạn nghĩ hình thức này có ích với các cửa hàng bán lẻ như thế nào? Và sử dụng ra sao thì hiệu quả?