Tìm thấy 2 mục
- Sat Aug 04, 2018 7:24 pm
- Search in: Hướng dẫn
- Chủ đề: [Icon] Font Awesome
- Trả lời: 0
- Xem: 362
Update Font Awesome version 5.0.8
--Cách tìm icon:
Để tìm tất cả các loại icon của Font Awesome, các bạn vào mục icon của nó:fontawesome.com/icons
--Ví dụ: muốn add icon 3 dấu gạch ngang giống như wap thì ta đặt code:
Tags: #icon #css #beautiful
--Chi tiết: Font Awesome là một công cụ tuyệt vời để bạn tạo giao diện website, có hơn 2481 icon 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 javascript hoặc những cái gì cao siêu.
--Cài đặt: Để cài Font Awesome vào forum của bạn, hãy vào overall_header và đưa đoạn code này vào:
--Cài đặt: Để cài Font Awesome vào forum của bạn, hãy vào overall_header và đưa đoạn code này vào:
- Code:
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
--Cách tìm icon:
Để tìm tất cả các loại icon của Font Awesome, các bạn vào mục icon của nó:fontawesome.com/icons
--Ví dụ: muốn add icon 3 dấu gạch ngang giống như wap thì ta đặt code:
- Code:
<i class="fa fa-star"></i>
Tags: #icon #css #beautiful
- Sat Aug 04, 2018 7:23 pm
- Search in: Hướng dẫn
- Chủ đề: [Code] CSS Rank
- Trả lời: 0
- Xem: 242
Hôm nay mình xin chia sẽ tới các bạn một loại CSS Rank đẹp, nhanh gọn cho forum.
- CLICK TO SEE DEMO:
CSS:
- Code:
.admin { background-color: #1381BE; border: 1px solid #278EDF !important; border-radius: 3px !important; box-shadow: 0 0 1px #F9F9F9 inset; color: #FFFFFF !important; display: inline-block; font-size: 12px; font-weight: bold; line-height: 18px; padding: 0px 4px; vertical-align: middle;}.admin:before { content: "\f0eb"; font-family: "FontAwesome"; margin-right: 5px; font-weight: normal; font-size: 110%;}
Thay .admin bằng tên nhóm bạn muốn, copy tương tự ra và chỉnh sửa cho member, cứ như thế. Nếu muốn thêm icon vào thay cho ô vuông bạn cần cài đặt Font Awesome.
chưa cài đặt font thì đọc bài này http://www.hotrofm.net/t63-icon-font-awesome-4-7-0-icon-css
Wed Feb 21, 2024 11:49 am by NIK SIURI
» [PhpBB3] BeastVN
Sun Feb 11, 2024 3:07 pm by hoanglongnhatbao
» [PhpBB2] IPS Community
Sun Feb 11, 2024 3:06 pm by hoanglongnhatbao
» [PunBB] HEEDragon
Sun Feb 11, 2024 3:04 pm by hoanglongnhatbao
» [PunBB] Facebook
Sun Feb 11, 2024 3:04 pm by hoanglongnhatbao
» [PunBB] Back (Mới)
Sun Feb 11, 2024 3:03 pm by hoanglongnhatbao
» [PhpBB3] CODE GAME
Sun Feb 11, 2024 2:37 pm by hoanglongnhatbao
» [Invision] VNXF
Sun Feb 11, 2024 2:36 pm by hoanglongnhatbao
» [Simple Theme] Silver Plain V4.1
Sun Feb 11, 2024 2:19 pm by hoanglongnhatbao