Thêm icon STAFF cho bài viết của thành viên BQT

Thảo luận trong 'Development Tutorials' bắt đầu bởi cuong pham, 30/12/13.

1votes
5/5, 1 vote

  1. cuong pham

    cuong pham Member

    Bài viết:
    392
    Likes :
    115
    Demo: http://tech24h.vn (xem bất cứ bài viết nào của thành viên BQT )
    Demo hình
    [​IMG]
    Bước 1: Save ảnh này ở link này về máy

    Bước 2: Thêm code sau vào template Extra.css
    Mã:
    .message.staff .messageContent:before {
    float: right;
    content: "STAFF";
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    padding: 5px 12px 5px 27px;
    background: url('up/sao.png') no-repeat 2px 4px #D84A4A;
    border: 1px solid #C22D2D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    color: white;
    text-shadow: 0 0 0 transparent, 0 1px 2px #751616;
    -webkit-box-shadow: 0px 1px 0px 0px #F56868 inset;
    -moz-box-shadow: 0px 1px 0px 0px #F56868 inset;
    -khtml-box-shadow: 0px 1px 0px 0px #F56868 inset;
    -webkit-box-shadow: 0px 1px 0px 0px #F56868 inset;
    -moz-box-shadow: 0px 1px 0px 0px #F56868 inset;
    -khtml-box-shadow: 0px 1px 0px 0px #F56868 inset;
    box-shadow: 0px 1px 0px 0px #F56868 inset;
    }
    Bước 3: Thay link ảnh mà bạn up lên host của bạn vào 'up/sao.png' ở code trên
    Nguồn: Tech24h.vn
    Thực chất tip này là của Mr.IP làm bên skinxf nhưng ko thấy bác ý share nên mình mạo muội leech về đây :))
     
    Mr.Ip and XDMen like this.
    Đang tải...
  2. ku Hiệu

    ku Hiệu Lì Lắm Luôn

    Bài viết:
    1,345
    Likes :
    862
    cái này trên xenforo.com có rất lâu đời :P
     
  3. cuong pham

    cuong pham Member

    Bài viết:
    392
    Likes :
    115
    mà có thấy bác nào kéo về đây đâu, vô tình qua bên skinxf của mr.ip thấy hay nên lụm về :))
     
  4. Lightness

    Lightness Imma Superman

    Bài viết:
    1,021
    Likes :
    772
    Tại sao bạn ko post vào resource mà lại post vào đây ?
     
  5. thiencqcq

    thiencqcq Verified User

    Bài viết:
    181
    Likes :
    26
    Cò cái icon ở link này làm sao thêm bạn, mà nó có ý nghia gì không thanks

    icon
     
  6. cuong pham

    cuong pham Member

    Bài viết:
    392
    Likes :
    115
    bạn thêm code nỳ vào extra.css nhé
    Mã:
    .externalLink:before {
    content: "\e01e" !important;
    display: inline-block;
    font-family: 'icomoon';
    padding-right: 2px;
    thấy tip nhỏ nên ko đưa vào đó
     
  7. Lightness

    Lightness Imma Superman

    Bài viết:
    1,021
    Likes :
    772
    Nhỏ thì nhỏ nhưng đưa vào đó thì các bạn khác dễ tìm hơn :D
     
    cuong pham thích bài này.
  8. cuong pham

    cuong pham Member

    Bài viết:
    392
    Likes :
    115
    u kê, để lần sau mình đưa, à mà vxf mới disconnect vài phút, xong thấy chú đổi cả tên =))
     
  9. Lightness

    Lightness Imma Superman

    Bài viết:
    1,021
    Likes :
    772
    Mình có nhờ a Alucar đổi tên mà :D Còn vụ disconnect chắc do server chúc mừng mình đổi tên :))
     
  10. cuong pham

    cuong pham Member

    Bài viết:
    392
    Likes :
    115
    vãi chú :P
     
  11. VXF

    VXF Be like no other .. Staff Member

    Bài viết:
    1,277
    Likes :
    2,175
    Có cháu nào ddos ghê quá :D
     
  12. cuong pham

    cuong pham Member

    Bài viết:
    392
    Likes :
    115
    dis liên tục 2-3 lần rùi !
     
  13. Lightness

    Lightness Imma Superman

    Bài viết:
    1,021
    Likes :
    772
    E đang up resource -_- Up hoài ko lên :'( F5 phát dis luôn :(
     
  14. cuong pham

    cuong pham Member

    Bài viết:
    392
    Likes :
    115
    :)), chắc e up nhiều quá đó mà `
     
  15. zoom360

    zoom360 Member

    Bài viết:
    392
    Likes :
    113
    Forum mình chịu nổi mấy cái auto IT3 cùi ko bác @Alucar ? Em có cái mà chưa dám thử hôm nào bác cho em thử cái nha! Bác ok là em làm thử liền nhé !
     
  16. bjnhonebj

    bjnhonebj Member

    Bài viết:
    129
    Likes :
    16
    Sao mình dùng cái css này k đc bạn ơi
     
  17. cuong pham

    cuong pham Member

    Bài viết:
    392
    Likes :
    115
    bạn dùng thế nào mà ko đc
     
  18. Mr.Ip

    Mr.Ip Active Member

    Bài viết:
    286
    Likes :
    198
    Do bạn chưa thêm thư viện font ;))
    Chèn thêm đoạn code dưới vào site của bạn
    Mã:
    <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    @cuong pham : leech ở đâu để nguồn ở đấy chứ ;;)
     
  19. cuong pham

    cuong pham Member

    Bài viết:
    392
    Likes :
    115
    Thì nguồn bài viết mình có để, còn leech bên skinxf do bên ấy ko share :)) mà cậu thêm cái thư viện font ý mạng lag load hay bị trắng trang lắm, để local đi
     
  20. Lightness

    Lightness Imma Superman

    Bài viết:
    1,021
    Likes :
    772
    Cái đó để local nó ko chạy -_-
     
  21. cuong pham

    cuong pham Member

    Bài viết:
    392
    Likes :
    115
    ;;)
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...