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

hacobi1102

MasterCorporal
Tham gia
10/03/2016
Bài viết
356
Được Like
166
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
 
Sửa lần cuối:

dinhphucv

Sergeant
Tham gia
09/08/2017
Bài viết
427
Được Like
265
Có thể cho vào CSS trong group để áp dụng cho tất cả styles
 
  • Like
Reactions: THB

casavalahar

Gefreiter
Tham gia
28/08/2017
Bài viết
74
Được Like
21
bác dùng add-on nào làm cái này rứa
 

Đính kèm

  • Screenshot at Dec 14 15-59-35.png
    Screenshot at Dec 14 15-59-35.png
    904.9 KB · Lượt xem: 197
  • Like
Reactions: THB

secpol

MasterCorporal
Tham gia
10/06/2016
Bài viết
223
Được Like
134
Ngoài lề xíu: Để facebook nó verify tài khoản thì làm như nào nhỉ?
 
  • Like
Reactions: THB

Huu Duc

Private
Tham gia
03/12/2016
Bài viết
18
Được Like
12
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 :
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
View attachment 29601

Unverify

View attachment 29602
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?
 
  • Like
Reactions: THB

Huu Duc

Private
Tham gia
03/12/2016
Bài viết
18
Được Like
12
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
View attachment 29601

Unverify

View attachment 29602
upload_2019-2-26_12-0-34.png


Bị ntn thì fix sao đây bạn?
 
  • Like
Reactions: THB

dcstylexf

Major
Tham gia
24/03/2015
Bài viết
2,005
Được Like
1,615
View attachment 30335

Bị ntn thì fix sao đây bạn?
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;
    }
 
Sửa lần cuối:

Huu Duc

Private
Tham gia
03/12/2016
Bài viết
18
Được Like
12
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;
    }
Thay xong là không hiện dấu tích luôn bạn!
 

onlyonelove

MasterCorporal
Tham gia
03/11/2015
Bài viết
367
Được Like
213
có phải thêm link dẫn đến thư viện Fontawesome k
 

Hướng dẫn sử dụng

Dịch vụ XenForo của VNXF

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom