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

DNACAD

Private
Tham gia
24/10/2022
Bài viết
21
Được Like
1

NOKIAPRO

Moderator
Thành viên BQT
Tham gia
28/05/2016
Bài viết
262
Được Like
75
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

Private
Tham gia
24/10/2022
Bài viết
21
Đượ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

Private
Tham gia
24/10/2022
Bài viết
21
Đượ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

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom