THEMES FM: Tất cả giao diện Forumotion

Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

Thông báo

QUAN TRỌNG

Tuyên bố từ chối trách nhiệm !!!
Chúng tôi không chịu trách nhiệm về bài đăng của các thành viên, nếu bạn có vấn đề gì vui lòng liên hệ với các quan chức địa phương nơi bạn ở, chúng tôi sẽ không giải quyết bất cứ vấn đề gì khi bạn sử dụng forum.

Vì một cộng đồng Forumvi phát triển !

April 2024

Mon	Tue	Wed	Thu	Fri	Sat	Sun
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

Calendar

Poll

Ads

No ads available.

[Code] CSS Rank

THEMES FM: Tất cả giao diện Forumotion :: Home Section :: Hướng dẫn

Trang 1 trong tổng số 1 trang • Share

[Code] CSS Rank

#1012

Qwerty99
Thành viên mới: Tổng số bài gửi : 4
Điểm : 10
Danh vọng : 0
Ngày tham gia : 10/09/2016

Bài gửi Qwerty99 Sat Aug 04, 2018 7:23 pm

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