Diễn Đàn Hỗ Trợ FM
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.


[Rank] CSS Rank

Tác giả: - vào lúc:
vi01239984564
Bài viết : 88
Points : 193
Like : 17
Invision
An toàn
vi01239984564MOD
8/29/2016, 16:05
#1

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 2/10/2017, 09:21; sửa lần 1.
Sponsored
Bài viết : 15
Points : 33
Like : 2
blogger
SponsoredMEM LV1
2/7/2017, 12:40
#2
Chào bạn. Với xenforo, ipb, vbb thì tôi nên làm thế nào?
Admin
Bài viết : 431
Points : 820
Like : 120
Punbb
Quản trị
Status : test
AdminACP
2/7/2017, 13:47
#3
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ể
Edo
Bài viết : 17
Points : 21
Like : 0
Punbb
EdoMEM LV1
2/7/2017, 22:18
#4
rất hay
khosango14
Bài viết : 2
Points : 2
Like : 0
PhpBB3
khosango14MEM
2/18/2017, 10:24
#5
cám ơn thớt chia sẻ  nhé
Sponsored content
#6