Help Cho hỏi về username

Thảo luận trong 'Tips and Guides' bắt đầu bởi Shu Sakamaki, 06/06/2017.

  1. Shu Sakamaki

    Shu Sakamaki Thượng Đế

    Tham gia:
    09/07/2015
    Bài viết:
    103
    Đã được thích:
    37
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Nơi ở:
    TPHCM
    mọi người cho em hỏi cách làm username css như này sao ạ?
    [​IMG]
    hoặc là addons thì tên là gì ạ giúp em với :(
     
    THB thích bài này.
  2. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,804
    Đã được thích:
    7,062
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Cho mình xem trang web demo
     
    Blue and THB like this.
  3. Shu Sakamaki

    Shu Sakamaki Thượng Đế

    Tham gia:
    09/07/2015
    Bài viết:
    103
    Đã được thích:
    37
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Nơi ở:
    TPHCM
  4. hardcore

    hardcore Thượng Đế

    Tham gia:
    02/04/2015
    Bài viết:
    431
    Đã được thích:
    362
    Điểm thành tích:
    63
    Giới tính:
    Nam
    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;
     
  5. Shu Sakamaki

    Shu Sakamaki Thượng Đế

    Tham gia:
    09/07/2015
    Bài viết:
    103
    Đã được thích:
    37
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Nơi ở:
    TPHCM
    hic nó không có chuyển màu...
    có cần làm them gì không ạ?
     
  6. Shu Sakamaki

    Shu Sakamaki Thượng Đế

    Tham gia:
    09/07/2015
    Bài viết:
    103
    Đã được thích:
    37
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Nơi ở:
    TPHCM
  7. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    353
    Đã được thích:
    142
    Điểm thành tích:
    43
    Giới tính:
    Nam
    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/
     
    Chỉnh sửa cuối: 10/06/2017
    Blue and Shu Sakamaki like this.
  8. Shu Sakamaki

    Shu Sakamaki Thượng Đế

    Tham gia:
    09/07/2015
    Bài viết:
    103
    Đã được thích:
    37
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Nơi ở:
    TPHCM
    cảm ơn bác nhiều lắm <3
     
  9. BuckX

    BuckX Thượng Đế

    Tham gia:
    24/08/2017
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    Nơi ở:
    Đà Nẵng
    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%
        }
     
  10. VinoMAYC

    VinoMAYC Thượng Đế

    Tham gia:
    05/02/2018
    Bài viết:
    7
    Đã được thích:
    0
    Điểm thành tích:
    1
    Nơi ở:
    Đà Nẵng
    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 Ụ
     
  11. NDK

    NDK Cộng Sự Đắc Lực

    Tham gia:
    16/03/2015
    Bài viết:
    827
    Đã được thích:
    680
    Điểm thành tích:
    93
    Giới tính:
    Nam
    Nghề nghiệp:
    SEO Executive
    Nơi ở:
    TP.HCM
    hiệu ứng đẹp đồng nghĩa với việc load lâu đó nha giggle~~giggle~~
     
  12. vanphu113

    vanphu113 Cộng Sự Đắc Lực Thành viên BQT

    Tham gia:
    10/11/2016
    Bài viết:
    136
    Đã được thích:
    81
    Điểm thành tích:
    28
    Nghề nghiệp:
    CEO Founder
    Nơi ở:
    HCMC
    Web:
    extra css ban oi
     
  13. VinoMAYC

    VinoMAYC Thượng Đế

    Tham gia:
    05/02/2018
    Bài viết:
    7
    Đã được thích:
    0
    Điểm thành tích:
    1
    Nơi ở:
    Đà Nẵng
    Bạn ơi, mình đã thêm vào Extra nhưng nó vẫn không chạy Ụ v Ụ
     
  14. vanphu113

    vanphu113 Cộng Sự Đắc Lực Thành viên BQT

    Tham gia:
    10/11/2016
    Bài viết:
    136
    Đã được thích:
    81
    Điểm thành tích:
    28
    Nghề nghiệp:
    CEO Founder
    Nơi ở:
    HCMC
    Web:
    Site cuả bạn là gì, bạn up mình xem nha
     
  15. hacobi1102

    hacobi1102 Thượng Đế

    Tham gia:
    10/03/2016
    Bài viết:
    353
    Đã được thích:
    142
    Điểm thành tích:
    43
    Giới tính:
    Nam
    CSS thì ko ảnh hưởng tới load lắm đâu bạn
     
  16. Zune2k6

    Zune2k6 Thượng Đế

    Tham gia:
    23/02/2019
    Bài viết:
    16
    Đã được thích:
    0
    Điểm thành tích:
    1
    Nơi ở:
    Vietnam
    Thêm vào extra.less được không ạ
     
  17. dinhphucv

    dinhphucv Thượng Đế

    Tham gia:
    09/08/2017
    Bài viết:
    427
    Đã được thích:
    211
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Nơi ở:
    Quảng Ngã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.
     
  18. Zune2k6

    Zune2k6 Thượng Đế

    Tham gia:
    23/02/2019
    Bài viết:
    16
    Đã được thích:
    0
    Điểm thành tích:
    1
    Nơi ở:
    Vietnam
  19. Zune2k6

    Zune2k6 Thượng Đế

    Tham gia:
    23/02/2019
    Bài viết:
    16
    Đã được thích:
    0
    Điểm thành tích:
    1
    Nơi ở:
    Vietnam
    Bác ơi chỉ em cách làm effect giống thế này đi bác upload_2019-3-31_3-0-41.png
     
  20. dinhphucv

    dinhphucv Thượng Đế

    Tham gia:
    09/08/2017
    Bài viết:
    427
    Đã được thích:
    211
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Nơi ở:
    Quảng Ngãi

Chia sẻ trang này