[Rank] CSS Rank

  • vi01239984564
    1. [Rank] CSS Rank
    avatar MOD

    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.02.17 9:21; sửa lần 1.

  • Sponsored
    2. Re: [Rank] CSS Rank
    avatar MEM LV1
    Chào bạn. Với xenforo, ipb, vbb thì tôi nên làm thế nào?


    --Chữ ký--
    Bạn có thể hỗ trợ tôi ?
  • Admin
    3. Re: [Rank] CSS Rank
    avatar ACP
    @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ể


    --Chữ ký--
    www.danganhviet.com


    • - Tránh đặt tiêu đề các dạng như: Giúp em với, Code này hay nè, Vào xem nè anh em,...
      - Đăng bài phải có ảnh demo hoặc viết mô tả rõ ràng, code phải bỏ vào khung code
      - Không comment vô nghĩa, không spam, không chữi tục, không post link độc hại, không hide bài viết
      - Hạn chế viết tắt, viết chữ màu, chữ to, chữ in đậm
  • Edo
    4. Re: [Rank] CSS Rank
    avatar MEM LV1
    rất hay

  • khosango14
    5. Re: [Rank] CSS Rank
    avatar MEM
    cám ơn thớt chia sẻ  nhé


    --Chữ ký--
    sàn gỗ, sàn gỗ công nghiệp
  • Sponsored content
    6. Re: [Rank] CSS Rank

Thông tin tác giả
avatar
MOD
Bài viết :
78
Points :
171
Like :
15
Invision
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV1
Bài viết :
14
Points :
32
Like :
2
blogger
Xem lý lịch thành viên
Thông tin tác giả
avatar
ACP
Bài viết :
327
Points :
630
Like :
106
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Thông tin tác giả
avatar
MEM LV1
Bài viết :
13
Points :
15
Like :
0
PhpBB3
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM
Bài viết :
2
Points :
2
Like :
0
PhpBB3
Xem lý lịch thành viên
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết