Tutorial 2x Cách thêm Custom Group Badge / Banner vào User Info cho XenForo 2

[NOKIAPRO]

E muốn làm 1 banner khác có background thì e chỉ cần thay link banner r phần tử banner đúng k bác

Đúng rồi

 

[DNACAD]

Đúng rồi

Phần tử này là như nào bác nhỉ hzbanner_hzteam

 

[NOKIAPRO]

Phần tử này là như nào bác nhỉ hzbanner_hzteam

Tên thôi đặt gì cũng dc

 

[DNACAD]

Tên thôi đặt gì cũng dc

v còn cái màu #00000 kia là sao ạ

 

[NOKIAPRO]

v còn cái màu #00000 kia là sao ạ

Là màu chữ bạn

 

[DNACAD]

Là màu chữ bạn

dạ vâng iem cảm ơn bác nhiều ạ hihi bác giúp em nhiều quá

 

[NOKIAPRO]

dạ vâng iem cảm ơn bác nhiều ạ hihi bác giúp em nhiều quá

Có gì đâu bạn

 

[DNACAD]

Có gì đâu bạn

Help - Làm sao để làm chữ cho rank trước tên User và làm sao để đóng khung cmt admin hoặc bài viết admin ?

giúp với, ví dụ như bên dưới:

vnxf.vn

Help - Sao làm chữ 7 màu nó di chuyển được ạ

e add CSS vô rồi nhưng nó ko lấp lánh 7 màu, nó chỉ giữ nguyên 1 màu là sao vậy mọi người. Giúp e vs ạ. Cảm ơn ae

vnxf.vn

2 cái này e cũng k làm đc bác ạ

 

[NOKIAPRO]

Help - Làm sao để làm chữ cho rank trước tên User và làm sao để đóng khung cmt admin hoặc bài viết admin ?

giúp với, ví dụ như bên dưới:

vnxf.vn

Help - Sao làm chữ 7 màu nó di chuyển được ạ

e add CSS vô rồi nhưng nó ko lấp lánh 7 màu, nó chỉ giữ nguyên 1 màu là sao vậy mọi người. Giúp e vs ạ. Cảm ơn ae

vnxf.vn

2 cái này e cũng k làm đc bác ạ

1: thêm vào extra.less

.username--style3:before {
   color: #634573;
   content: "[AD] ";
}

2: thêm vào extra.less

.username--style3 {
   background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
   background-size: 1200% 1200% !important;
   animation: hacobi1102 30s ease infinite !important;
   color: transparent;
   -webkit-background-clip: text;
   font-weight: 900;
}
/*** Màu càu vồng cho username ***/
@-webkit-keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

 

[DNACAD]

1: thêm vào extra.less

.username--style3:before {
   color: #634573;
   content: "[AD] ";
}

2: thêm vào extra.less

.username--style3 {
   background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
   background-size: 1200% 1200% !important;
   animation: hacobi1102 30s ease infinite !important;
   color: transparent;
   -webkit-background-clip: text;
   font-weight: 900;
}
/*** Màu càu vồng cho username ***/
@-webkit-keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

Dạ để tối em thử, em cảm ơn bác ạ

 

[DNACAD]

1: thêm vào extra.less

.username--style3:before {
   color: #634573;
   content: "[AD] ";
}

2: thêm vào extra.less

.username--style3 {
   background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
   background-size: 1200% 1200% !important;
   animation: hacobi1102 30s ease infinite !important;
   color: transparent;
   -webkit-background-clip: text;
   font-weight: 900;
}
/*** Màu càu vồng cho username ***/
@-webkit-keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes hacobi1102 {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

vẫn k đc ạ ((

 

[NOKIAPRO]

vẫn k đc ạ ((

Thế web bạn là gì để mình check xem

 

[DNACAD]

Thế web bạn là gì để mình check xem

Web e xf2 ạ, bác add zalo hay với Facebook e với ạ trên đây thỉnh thoảng e mới check