[Rank] CSS Rank

avatar

vi0123998456443
101
10
Punbb
An toàn
Hỗ trợ viên

Bài viết :
43
Points :
101
Like :
10
Punbb
An toàn

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
#codefm
#codefm


Được sửa bởi vi01239984564 ngày 10/2/2017, 9:21 am; sửa lần 1.
 Trả lời bài viết
avatar

Sponsored11
26
1
blogger
Thành viên chính thức
Thành viên chính thức

Bài viết :
11
Points :
26
Like :
1
blogger
Chào bạn. Với xenforo, ipb, vbb thì tôi nên làm thế nào?
 Trả lời bài viết
avatar

Admin250
504
87
Punbb
Quản trị
?????
Founder
Founder

Bài viết :
250
Points :
504
Like :
87
Punbb
Quản trị
?????
@Sponsored đã viết:Với xenforo, ipb, vbb thì tôi nên làm thế nào?

cũng tương tự. css thì mã nguồn nào cũng dùng dc mà. biến đổi tùy theo mỗi tem thôi. phải có website cụ thể
 Trả lời bài viết
avatar

Edo13
15
0
PhpBB3
Thành viên chính thức
Thành viên chính thức

Bài viết :
13
Points :
15
Like :
0
PhpBB3
rất hay
 Trả lời bài viết
avatar

khosango142
2
0
PhpBB3
Thành viên mới
Thành viên mới

Bài viết :
2
Points :
2
Like :
0
PhpBB3
cám ơn thớt chia sẻ  nhé
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...