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

Discussion in 'Tips and Guides' started by hacobi1102, Dec 14, 2018.

  1. hacobi1102

    hacobi1102 Thượng Đế

    Joined:
    Mar 10, 2016
    Messages:
    353
    Likes Received:
    142
    Trophy Points:
    43
    Gender:
    Male
    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 :
    Code:
    /*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
     
    Last edited: Feb 22, 2019
    THB, secpol, dinhphucv and 1 other person like this.
  2. dinhphucv

    dinhphucv Thượng Đế

    Joined:
    Aug 9, 2017
    Messages:
    427
    Likes Received:
    211
    Trophy Points:
    43
    Gender:
    Male
    Location:
    Quảng Ngãi
    Có thể cho vào CSS trong group để áp dụng cho tất cả styles
     
    THB likes this.
  3. casavalahar

    casavalahar Thượng Đế

    Joined:
    Aug 28, 2017
    Messages:
    74
    Likes Received:
    19
    Trophy Points:
    8
    Location:
    My
    bác dùng add-on nào làm cái này rứa
     

    Attached Files:

    THB likes this.
  4. dinhphucv

    dinhphucv Thượng Đế

    Joined:
    Aug 9, 2017
    Messages:
    427
    Likes Received:
    211
    Trophy Points:
    43
    Gender:
    Male
    Location:
    Quảng Ngãi
    Tl social group rồi dùng widget
     
    THB likes this.
  5. hacobi1102

    hacobi1102 Thượng Đế

    Joined:
    Mar 10, 2016
    Messages:
    353
    Likes Received:
    142
    Trophy Points:
    43
    Gender:
    Male
    TL Social Groups, chèn ra widget có chỉnh style chút :D
     
    THB likes this.
  6. secpol

    secpol Thượng Đế

    Joined:
    Jun 10, 2016
    Messages:
    210
    Likes Received:
    123
    Trophy Points:
    43
    Gender:
    Male
    Occupation:
    Health Care
    Location:
    HN
    Ngoài lề xíu: Để facebook nó verify tài khoản thì làm như nào nhỉ?
     
    THB likes this.
  7. hacobi1102

    hacobi1102 Thượng Đế

    Joined:
    Mar 10, 2016
    Messages:
    353
    Likes Received:
    142
    Trophy Points:
    43
    Gender:
    Male
    Gửi info lên fb để được xem xét
     
    THB and secpol like this.
  8. Nguyen Huu Duc

    Nguyen Huu Duc Thượng Đế

    Joined:
    Dec 3, 2016
    Messages:
    18
    Likes Received:
    12
    Trophy Points:
    3
    Gender:
    Male
    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 likes this.
  9. Hoa Anh

    Hoa Anh Thượng Đế

    Joined:
    Sep 18, 2018
    Messages:
    204
    Likes Received:
    60
    Trophy Points:
    28
    Location:
    Nghệ An
    Home Page:
    extra.css đó bạn @@
     
    THB likes this.
  10. Nguyen Huu Duc

    Nguyen Huu Duc Thượng Đế

    Joined:
    Dec 3, 2016
    Messages:
    18
    Likes Received:
    12
    Trophy Points:
    3
    Gender:
    Male
    upload_2019-2-26_12-0-34.png

    Bị ntn thì fix sao đây bạn?
     
    THB likes this.
  11. datdaik000

    datdaik000 Thượng Đế

    Joined:
    Mar 24, 2015
    Messages:
    1,892
    Likes Received:
    1,449
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    Student
    Location:
    Nam Định
    Sửa lại code thành
    Code:
    /*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;
        }
     
    Last edited: Feb 27, 2019
    Hoa Anh and THB like this.
  12. Nguyen Huu Duc

    Nguyen Huu Duc Thượng Đế

    Joined:
    Dec 3, 2016
    Messages:
    18
    Likes Received:
    12
    Trophy Points:
    3
    Gender:
    Male
    Thay xong là không hiện dấu tích luôn bạn!
     
  13. datdaik000

    datdaik000 Thượng Đế

    Joined:
    Mar 24, 2015
    Messages:
    1,892
    Likes Received:
    1,449
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    Student
    Location:
    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 Đế

    Joined:
    Dec 3, 2016
    Messages:
    18
    Likes Received:
    12
    Trophy Points:
    3
    Gender:
    Male
    Vẫn không được bạn ơi!
     
  15. onlyonelove

    onlyonelove Thượng Đế

    Joined:
    Nov 3, 2015
    Messages:
    370
    Likes Received:
    200
    Trophy Points:
    43
    Gender:
    Male
    Occupation:
    Code tập sự
    Location:
    Đồng Nai
    Home Page:
    có phải thêm link dẫn đến thư viện Fontawesome k
     

Share This Page