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

DNACAD

Thượng Đế
Tham gia
24/10/2022
Bài viết
19
Được Like
1

NOKIAPRO

Thượng Đế
Tham gia
28/05/2016
Bài viết
103
Được Like
30
2 cái này e cũng k làm đc bác ạ :(
1: thêm vào extra.less
Mã:
.username--style3:before {
   color: #634573;
   content: "[AD] ";
}
2: thêm vào extra.less
Mã:
.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

Thượng Đế
Tham gia
24/10/2022
Bài viết
19
Được Like
1
1: thêm vào extra.less
Mã:
.username--style3:before {
   color: #634573;
   content: "[AD] ";
}
2: thêm vào extra.less
Mã:
.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

Thượng Đế
Tham gia
24/10/2022
Bài viết
19
Được Like
1
1: thêm vào extra.less
Mã:
.username--style3:before {
   color: #634573;
   content: "[AD] ";
}
2: thêm vào extra.less
Mã:
.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 ạ :(((
 

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

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom