Hướng dẫn XF2 Tạo dấu tích xanh verify giống facebook

Thảo luận trong 'Tips and Guides' bắt đầu bởi hacobi1102, 14/12/2018.

  1. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    353
    Đã được thích:
    142
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Hướng dẫn mọi người tạo nick tích xanh giống facebook, và tích xám nếu thành viên chưa xác nhận email

    Cái này rất đơn giản thôi các bạn thêm css trong extra.lcss :
    Mã:
    /*hacobi1102 tao verify user*/
    .username span:after{content:"\f058";font-family:'Fontawesome';margin-left:2px;font-weight:500}
    /*username--styleX trong do X la ID group da verify email*/
    .username--style2:after,.username--style3:after,.username--style4:after,.username--style5:after{color:#5180e8;}
    .username--style1:after{color:#ccc;}
    
    Demo link: https://yeupet.vn/topic/day-la-nhung-dieu-ban-phai-biet-de-cham-soc-meo-duoc-tot.3234/
    Verified
    Untitled.png

    Unverify

    2.png
     
    Chỉnh sửa cuối: 22/02/2019
    THB, secpol, dinhphucv and 1 other person like this.
  2. dinhphucv

    dinhphucv Thượng Đế

    Tham gia:
    09/08/2017
    Bài viết:
    427
    Đã được thích:
    211
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Nơi ở:
    Quảng Ngãi
    Có thể cho vào CSS trong group để áp dụng cho tất cả styles
     
    THB thích bài này.
  3. casavalahar

    casavalahar Thượng Đế

    Tham gia:
    28/08/2017
    Bài viết:
    74
    Đã được thích:
    19
    Điểm thành tích:
    8
    Nơi ở:
    My
    bác dùng add-on nào làm cái này rứa
     

    Các file đính kèm:

    THB thích bài này.
  4. dinhphucv

    dinhphucv Thượng Đế

    Tham gia:
    09/08/2017
    Bài viết:
    427
    Đã được thích:
    211
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Nơi ở:
    Quảng Ngãi
    Tl social group rồi dùng widget
     
    THB thích bài này.
  5. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    353
    Đã được thích:
    142
    Điểm thành tích:
    43
    Giới tính:
    Nam
    TL Social Groups, chèn ra widget có chỉnh style chút :D
     
    THB thích bài này.
  6. secpol

    secpol Thượng Đế

    Tham gia:
    10/06/2016
    Bài viết:
    210
    Đã được thích:
    123
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Nghề nghiệp:
    Health Care
    Nơi ở:
    HN
    Ngoài lề xíu: Để facebook nó verify tài khoản thì làm như nào nhỉ?
     
    THB thích bài này.
  7. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    353
    Đã được thích:
    142
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Gửi info lên fb để được xem xét
     
    THB and secpol like this.
  8. Nguyen Huu Duc

    Nguyen Huu Duc Thượng Đế

    Tham gia:
    03/12/2016
    Bài viết:
    18
    Đã được thích:
    12
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Bạn nói rõ chỗ add không được không, mình vẫn không biết nên add chỗ nào?
     
    THB thích bài này.
  9. Hoa Anh

    Hoa Anh Thượng Đế

    Tham gia:
    18/09/2018
    Bài viết:
    204
    Đã được thích:
    60
    Điểm thành tích:
    28
    Nơi ở:
    Nghệ An
    Web:
    extra.css đó bạn @@
     
    THB thích bài này.
  10. Nguyen Huu Duc

    Nguyen Huu Duc Thượng Đế

    Tham gia:
    03/12/2016
    Bài viết:
    18
    Đã được thích:
    12
    Điểm thành tích:
    3
    Giới tính:
    Nam
    upload_2019-2-26_12-0-34.png

    Bị ntn thì fix sao đây bạn?
     
    THB thích bài này.
  11. datdaik000

    datdaik000 Thượng Đế

    Tham gia:
    24/03/2015
    Bài viết:
    1,892
    Đã được thích:
    1,449
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    Student
    Nơi ở:
    Nam Định
    Sửa lại code thành
    Mã:
    /*hacobi1102 tao verify user*/
    .username span:after {
            content: "\f058";
            font - family: 'Font Awesome 5 Pro';
            margin - left: 2 px;
            font - weight: 600;
    }
    
    /*username--styleX trong do X la ID group da verify email*/
    .username--style2:after,
    .username--style3:after,
    .username--style4:after,
    .username--style5:after {
            color: #5180e8;
    }
    .username--style1:after {
            color:# ccc;
        }
     
    Chỉnh sửa cuối: 27/02/2019
    Hoa Anh and THB like this.
  12. Nguyen Huu Duc

    Nguyen Huu Duc Thượng Đế

    Tham gia:
    03/12/2016
    Bài viết:
    18
    Đã được thích:
    12
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Thay xong là không hiện dấu tích luôn bạn!
     
  13. datdaik000

    datdaik000 Thượng Đế

    Tham gia:
    24/03/2015
    Bài viết:
    1,892
    Đã được thích:
    1,449
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    Student
    Nơi ở:
    Nam Định
    mình sửa lại r nhé. bạn thay thử xem ok chưa.
     
  14. Nguyen Huu Duc

    Nguyen Huu Duc Thượng Đế

    Tham gia:
    03/12/2016
    Bài viết:
    18
    Đã được thích:
    12
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Vẫn không được bạn ơi!
     
  15. onlyonelove

    onlyonelove Thượng Đế

    Tham gia:
    03/11/2015
    Bài viết:
    370
    Đã được thích:
    200
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Nghề nghiệp:
    Code tập sự
    Nơi ở:
    Đồng Nai
    Web:
    có phải thêm link dẫn đến thư viện Fontawesome k
     

Chia sẻ trang này