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: CLICK TO SEE DEMO :
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
Được sửa bởi vi01239984564 ngày 2/10/2017, 09:21; sửa lần 1.