Help Cho hỏi về username

Shu Sakamaki · 06/06/2017

mọi người cho em hỏi cách làm username css như này sao ạ?

hoặc là addons thì tên là gì ạ giúp em với

PVS · 07/06/2017

Cho mình xem trang web demo

Shu Sakamaki · 08/06/2017

PVS nói:
Cho mình xem trang web demo

đây ạ http://blackspigot.com/

hardcore · 08/06/2017

css

Mã:

background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
    background-size: 1200% 1200% !important;
    -webkit-animation: TestBanner 30s ease infinite !important;
    -moz-animation: TestBanner 30s ease infinite !important;
    animation: TestBanner 30s ease infinite !important;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 900;

Shu Sakamaki · 08/06/2017

hardcore nói:

css

Mã:

background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
    background-size: 1200% 1200% !important;
    -webkit-animation: TestBanner 30s ease infinite !important;
    -moz-animation: TestBanner 30s ease infinite !important;
    animation: TestBanner 30s ease infinite !important;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 900;

hic nó không có chuyển màu...
có cần làm them gì không ạ?

Shu Sakamaki · 10/06/2017

up...

hacobi1102 · 10/06/2017

HTML:

.username .style16
{
    background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
background-size: 1200% 1200% !important;
-webkit-animation: hacobi1102 30s ease infinite !important;
-moz-animation: hacobi1102 30s ease infinite !important;
animation: hacobi1102 30s ease infinite !important;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: 900;
}

Bạn nhét nó vào class cho gọn hoặc thêm thẳng usertitle
thêm keyframe vào extracss nữa

HTML:

@-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%
    }
}

demo luôn cho nóng https://www.gamebot.vn/forums/

Shu Sakamaki · 11/06/2017

hacobi1102 nói:

HTML:

.username .style16
{
    background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
background-size: 1200% 1200% !important;
-webkit-animation: hacobi1102 30s ease infinite !important;
-moz-animation: hacobi1102 30s ease infinite !important;
animation: hacobi1102 30s ease infinite !important;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: 900;
}

Bạn nhét nó vào class cho gọn hoặc thêm thẳng usertitle
thêm keyframe vào extracss nữa

HTML:

@-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%
    }
}

demo luôn cho nóng https://www.gamebot.vn/forums/

cảm ơn bác nhiều lắm <3

BuckX · 03/12/2017

Cho hỏi tui làm sao không được
phần này để ở đâu?

HTML:

@-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%
    }

VinoMAYC · 22/02/2018

hacobi1102 nói:

HTML:

.username .style16
{
    background-image: linear-gradient(270deg, #d83b3b, #e3ed20, #20ed2d, #2082ed, #cd20ed, #20edbe) !important;
background-size: 1200% 1200% !important;
-webkit-animation: hacobi1102 30s ease infinite !important;
-moz-animation: hacobi1102 30s ease infinite !important;
animation: hacobi1102 30s ease infinite !important;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: 900;
}

Bạn nhét nó vào class cho gọn hoặc thêm thẳng usertitle
thêm keyframe vào extracss nữa

HTML:

@-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%
    }
}

demo luôn cho nóng https://www.gamebot.vn/forums/

Cho em hỏi key frame đấy để ở đâu ạ? Em có cùng thắc mắc với bạn trên
Hiệu ứng đẹp quá Ụ v Ụ

NDK · 23/02/2018

hiệu ứng đẹp đồng nghĩa với việc load lâu đó nha

vanphu113 · 23/02/2018

BuckX nói:

Cho hỏi tui làm sao không được
phần này để ở đâu?

HTML:

@-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%
    }

extra css ban oi

VinoMAYC · 23/02/2018

vanphu113 nói:
extra css ban oi

Bạn ơi, mình đã thêm vào Extra nhưng nó vẫn không chạy Ụ v Ụ

vanphu113 · 25/02/2018

VinoMAYC nói:
Bạn ơi, mình đã thêm vào Extra nhưng nó vẫn không chạy Ụ v Ụ

Site cuả bạn là gì, bạn up mình xem nha

hacobi1102 · 04/11/2018

NDK nói:
hiệu ứng đẹp đồng nghĩa với việc load lâu đó nha

CSS thì ko ảnh hưởng tới load lắm đâu bạn

Zune2k6 · 30/03/2019

Thêm vào extra.less được không ạ

dinhphucv · 31/03/2019

Zune2k6 nói:
Thêm vào extra.less được không ạ

Nên thêm vào nhóm hơn là extra.less, thêm vào nhóm sẽ áp dụng cho tất cả các styles chứ không phải thêm vào từng styles như extra.less.

Zune2k6 · 31/03/2019

Tks bác ạ
Em làm được rồi hehe https://hytalevietnam.com/members/zune2k6.1/

Zune2k6 · 31/03/2019

dinhphucv nói:
Nên thêm vào nhóm hơn là extra.less, thêm vào nhóm sẽ áp dụng cho tất cả các styles chứ không phải thêm vào từng styles như extra.less.

Bác ơi chỉ em cách làm effect giống thế này đi bác

dinhphucv · 31/03/2019

Zune2k6 nói:
Bác ơi chỉ em cách làm effect giống thế này đi bácView attachment 31180

Thêm vào css nhóm

Mã:

text-shadow: #2B65EC 1px 1px 30px;
color: #E5E4E2;
font-weight: bold;
background: url(https://i.imgur.com/Ak4d9pH.gif);

Hỗ trợ XeN: https://community.vietfriend.org/forums/troubleshooting-and-problems.42/

Chủ đề tương tự	Diễn đàn	Trả lời	Ngày đăng
Help hỏi về các file trong thư mục internal_data/attachments	Tips and Guides	4	06/09/2024
Help cho mình hỏi về account của xenforo	Tips and Guides	5	15/02/2024
Help Hỏi về feeds rss không tự động lấy bài	Tips and Guides	2	13/06/2022
Help Hỏi về addon D.C Style - Widgets	Tips and Guides	5	13/10/2021
Help [Xenforo 2x] - Hỏi về thẻ meta trong bài viết	Tips and Guides	1	01/02/2021

XenForo 1	XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Help Cho hỏi về username

Corporal

Super Moderator

Corporal

Sergeant

Corporal

Corporal

MasterCorporal

Corporal

Private

Private

MasterSergeant

Moderator

Private

Moderator

MasterCorporal

Private

Sergeant

Private

Private

Sergeant

Chủ đề tương tự

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

Dịch vụ XenForo của VNXF

Xử lý sự cố (Troubleshooting)

Texlink

Nhà Tài Trợ