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

[hacobi1102]

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 :

/*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


Unverify

 

[dinhphucv]

Có thể cho vào CSS trong group để áp dụng cho tất cả styles

 

[casavalahar]

bác dùng add-on nào làm cái này rứa

 

[dinhphucv]

bác dùng add-on nào làm cái này rứa

Tl social group rồi dùng widget

 

[hacobi1102]

bác dùng add-on nào làm cái này rứa

TL Social Groups, chèn ra widget có chỉnh style chút

 

[secpol]

Ngoài lề xíu: Để facebook nó verify tài khoản thì làm như nào nhỉ?

 

[hacobi1102]

Ngoài lề xíu: Để facebook nó verify tài khoản thì làm như nào nhỉ?

Gửi info lên fb để được xem xét

 

[Huu Duc]

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 :

/*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?

 

[Hoa Anh]

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?

extra.css đó bạn @@

 

[Huu Duc]

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 :

/*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ị ntn thì fix sao đây bạn?

 

[dcstylexf]

View attachment 30335

Bị ntn thì fix sao đây bạn?

Sửa lại code thành

/*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;
    }

 

[Huu Duc]

Sửa lại code thành

/*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!

 

[dcstylexf]

Thay xong là không hiện dấu tích luôn bạn!

mình sửa lại r nhé. bạn thay thử xem ok chưa.

 

[Huu Duc]

mình sửa lại r nhé. bạn thay thử xem ok chưa.

Vẫn không được bạn ơi!

 

[onlyonelove]

có phải thêm link dẫn đến thư viện Fontawesome k