Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Решено Можете дать css ников с этого форума

Статус
В этой теме нельзя размещать новые ответы.
Май
158
18
Пользователь
Можете дать ещё css ников с этого форума
Форум: forum.cq-rp.ru
 
Решение
Так мне нужно цвет ников а не extra.less
css:
.username--style2 {
    font-weight: 500;
    background: linear-gradient(90deg, #1a1a1a, #808080, #b0b0b0, #808080, #1a1a1a);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientShift 3s ease infinite;
    text-shadow: 0 0 4px #808080
}

.username--style3 {
    font-weight: 600;
    background: linear-gradient(90deg, #2b0000, #8b0000, #f00, #8b0000, #2b0000);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientShift 3s ease infinite;
    text-shadow: 0 0 8px #8b0000,0 0 15px #4b0000
}

.username--style5 {
    font-weight: 600...
czaja.ru | May 14th
Ноя
2,754
6,563
Профессионал
CSS:
.owner {
  background:linear-gradient(90deg, #4b0000, #f00, #4b0000)
}
.so_owner {
  background:linear-gradient(90deg, #600, #ff4d4d, #600)
}
.director {
  background:linear-gradient(90deg, #7b001c, #ed4830, #600)
}
.ryk {
  background:linear-gradient(90deg, #1a0033, #4b0082, #1a0033)
}
.zam_ryk {
  background:linear-gradient(90deg, #310054, #8a2be2, #310054)
}
.gts {
  background:linear-gradient(90deg, #4d2600, #ff8c00, #4d2600)
}
.zgts {
  background:linear-gradient(90deg, #630, #ffa500, #630)
}
.spec_adm {
  background:linear-gradient(90deg, #4d0026, #ff0080, #4d0026)
}
.zsa {
  background:linear-gradient(90deg, #603, #ff66b2, #603)
}
.ypr_serv {
  background:linear-gradient(90deg, #002d2d, #008b8b, #002d2d)
}
.zypr {
  background:linear-gradient(90deg, #004d4d, #00fa9a, #004d4d)
}
.kyrator {
  background:linear-gradient(90deg, #066, #7fffd4, #066)
}
.ga {
  background:linear-gradient(90deg, #002b00, #008000, #002b00)
}
.zga {
  background:linear-gradient(90deg, #040, #32cd32, #040)
}
.gs {
  background:linear-gradient(90deg, #001a4d, #1e90ff, #001a4d)
}
.zgs {
  background:linear-gradient(90deg, #000d26, #00f, #000d26)
}
.st_adm {
  background:linear-gradient(90deg, #004d66, #00bfff, #004d66)
}
.adm {
  background:linear-gradient(90deg, #006680, #87ceeb, #006680)
}
.ml_adm {
  background:linear-gradient(90deg, #08a, #add8e6, #08a)
}
.moder {
  background:linear-gradient(90deg, #4d3d00, #daa520, #4d3d00)
}
.ml_moder {
  background:linear-gradient(90deg, #664f00, #ff0, #664f00)
}
.helper {
  background:linear-gradient(90deg, #222, #aaa, #222)
}
.leader {
  background:linear-gradient(90deg, #2b1600, #8b4513, #2b1600)
}
.user {
  background:linear-gradient(90deg, #1a1a1a, #808080, #1a1a1a)
}
 
never stress
Дек
617
423
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
CSS:
.owner {
  background:linear-gradient(90deg, #4b0000, #f00, #4b0000)
}
.so_owner {
  background:linear-gradient(90deg, #600, #ff4d4d, #600)
}
.director {
  background:linear-gradient(90deg, #7b001c, #ed4830, #600)
}
.ryk {
  background:linear-gradient(90deg, #1a0033, #4b0082, #1a0033)
}
.zam_ryk {
  background:linear-gradient(90deg, #310054, #8a2be2, #310054)
}
.gts {
  background:linear-gradient(90deg, #4d2600, #ff8c00, #4d2600)
}
.zgts {
  background:linear-gradient(90deg, #630, #ffa500, #630)
}
.spec_adm {
  background:linear-gradient(90deg, #4d0026, #ff0080, #4d0026)
}
.zsa {
  background:linear-gradient(90deg, #603, #ff66b2, #603)
}
.ypr_serv {
  background:linear-gradient(90deg, #002d2d, #008b8b, #002d2d)
}
.zypr {
  background:linear-gradient(90deg, #004d4d, #00fa9a, #004d4d)
}
.kyrator {
  background:linear-gradient(90deg, #066, #7fffd4, #066)
}
.ga {
  background:linear-gradient(90deg, #002b00, #008000, #002b00)
}
.zga {
  background:linear-gradient(90deg, #040, #32cd32, #040)
}
.gs {
  background:linear-gradient(90deg, #001a4d, #1e90ff, #001a4d)
}
.zgs {
  background:linear-gradient(90deg, #000d26, #00f, #000d26)
}
.st_adm {
  background:linear-gradient(90deg, #004d66, #00bfff, #004d66)
}
.adm {
  background:linear-gradient(90deg, #006680, #87ceeb, #006680)
}
.ml_adm {
  background:linear-gradient(90deg, #08a, #add8e6, #08a)
}
.moder {
  background:linear-gradient(90deg, #4d3d00, #daa520, #4d3d00)
}
.ml_moder {
  background:linear-gradient(90deg, #664f00, #ff0, #664f00)
}
.helper {
  background:linear-gradient(90deg, #222, #aaa, #222)
}
.leader {
  background:linear-gradient(90deg, #2b1600, #8b4513, #2b1600)
}
.user {
  background:linear-gradient(90deg, #1a1a1a, #808080, #1a1a1a)
}
тут не все прописано
 
never stress
Дек
617
423
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Css code:
.userBanner.owner,.userBanner.so_owner,.userBanner.director,.userBanner.ryk,.userBanner.zam_ryk,.userBanner.gts,.userBanner.zgts,.userBanner.spec_adm,.userBanner.zsa,.userBanner.ypr_serv,.userBanner.zypr,.userBanner.kyrator,.userBanner.ga,.userBanner.zga,.userBanner.gs,.userBanner.zgs,.userBanner.st_adm,.userBanner.adm,.userBanner.ml_adm,.userBanner.moder,.userBanner.ml_moder,.userBanner.helper,.userBanner.leader,.userBanner.user {
    position: relative;
    padding: 10px 25px;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff !important;
    border: none;
    text-align: center;
    clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
    overflow: hidden;
    z-index: 1;
    background-size: 200% 200% !important;
    animation: fastGradient 3s linear infinite !important;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    display: inline-block
}

.userBanner.owner::before,.userBanner.so_owner::before,.userBanner.director::before,.userBanner.ryk::before,.userBanner.zam_ryk::before,.userBanner.gts::before,.userBanner.zgts::before,.userBanner.spec_adm::before,.userBanner.zsa::before,.userBanner.ypr_serv::before,.userBanner.zypr::before,.userBanner.kyrator::before,.userBanner.ga::before,.userBanner.zga::before,.userBanner.gs::before,.userBanner.zgs::before,.userBanner.st_adm::before,.userBanner.adm::before,.userBanner.ml_adm::before,.userBanner.moder::before,.userBanner.ml_moder::before,.userBanner.helper::before,.userBanner.leader::before,.userBanner.user::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,0.05) 5px, rgba(255,255,255,0.05) 10px);
    animation: patternMove 10s linear infinite
}

.userBanner.owner::after,.userBanner.so_owner::after,.userBanner.director::after,.userBanner.ryk::after,.userBanner.zam_ryk::after,.userBanner.gts::after,.userBanner.zgts::after,.userBanner.spec_adm::after,.userBanner.zsa::after,.userBanner.ypr_serv::after,.userBanner.zypr::after,.userBanner.kyrator::after,.userBanner.ga::after,.userBanner.zga::after,.userBanner.gs::after,.userBanner.zgs::after,.userBanner.st_adm::after,.userBanner.adm::after,.userBanner.ml_adm::after,.userBanner.moder::after,.userBanner.ml_moder::after,.userBanner.helper::after,.userBanner.leader::after,.userBanner.user::after {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px #fff,0 0 10px #fff;
    animation: dotPulse 1.5s infinite
}

@keyframes fastGradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes patternMove {
    0% {
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(0%)
    }
}

@keyframes dotPulse {
    0% {
        opacity: 0.4;
        transform: translateY(-50%) scale(.8)
    }

    50% {
        opacity: 1;
        transform: translateY(-50%) scale(1.2)
    }

    100% {
        opacity: 0.4;
        transform: translateY(-50%) scale(.8)
    }
}

.owner {
    background: linear-gradient(90deg, #2a0000, #f00, #2a0000)
}

.so_owner {
    background: linear-gradient(90deg, #3a0000, #ff4d4d, #3a0000)
}

.director {
    background: linear-gradient(90deg, #4a0010, #ff5f40, #4a0010)
}

.ryk {
    background: linear-gradient(90deg, #120024, #9d4edd, #120024)
}

.zam_ryk {
    background: linear-gradient(90deg, #1e003a, #bf5af2, #1e003a)
}

.gts {
    background: linear-gradient(90deg, #2d1600, #ff9f0a, #2d1600)
}

.zgts {
    background: linear-gradient(90deg, #3a1d00, #ffb347, #3a1d00)
}

.spec_adm {
    background: linear-gradient(90deg, #300018, #ff2d55, #300018)
}

.zsa {
    background: linear-gradient(90deg, #400020, #ff66b2, #400020)
}

.ypr_serv {
    background: linear-gradient(90deg, #001f1f, #00d2d2, #001f1f)
}

.zypr {
    background: linear-gradient(90deg, #002d2d, #30ffd0, #002d2d)
}

.kyrator {
    background: linear-gradient(90deg, #003a3a, #64ffda, #003a3a)
}

.ga {
    background: linear-gradient(90deg, #001a00, #34c759, #001a00)
}

.zga {
    background: linear-gradient(90deg, #002b00, #32d74b, #002b00)
}

.gs {
    background: linear-gradient(90deg, #001030, #0a84ff, #001030)
}

.zgs {
    background: linear-gradient(90deg, #00081a, #5e5ce6, #00081a)
}

.st_adm {
    background: linear-gradient(90deg, #002a3a, #64d2ff, #002a3a)
}

.adm {
    background: linear-gradient(90deg, #003a4d, #70dcff, #003a4d)
}

.ml_adm {
    background: linear-gradient(90deg, #004a5a, #a6edff, #004a5a)
}

.moder {
    background: linear-gradient(90deg, #2d2400, #ffd60a, #2d2400)
}

.ml_moder {
    background: linear-gradient(90deg, #3a2e00, #fff200, #3a2e00)
}

.helper {
    background: linear-gradient(90deg, #1a1a1a, #636366, #1a1a1a)
}

.leader {
    background: linear-gradient(90deg, #1d0f00, #a2511a, #1d0f00)
}

.user {
    background: linear-gradient(90deg, #121212, #3a3a3c, #121212)
}
.userBanner.userBanner--staff,.userBanner.userBanner--primary {
    position: relative;
    padding: 10px 25px;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    border: none;
    clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
    overflow: hidden;
    z-index: 1;
    color: #ffffff !important;
    background: linear-gradient(90deg, #4b0000, #ff4d4d, #900, #ff4d4d, #4b0000);
    background-size: 200% 200% !important;
    animation: staffFastGradient 3s linear infinite !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5)
}

.userBanner.userBanner--staff::before,.userBanner.userBanner--primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,0.1) 5px, rgba(255,255,255,0.05) 10px);
    animation: staffPattern 8s linear infinite;
    pointer-events: none
}

.userBanner.userBanner--staff::after,.userBanner.userBanner--primary::after {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 8px #fff;
    animation: staffDot 1s infinite
}
@keyframes staffFastGradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes staffPattern {
    0% {
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(0%)
    }
}

@keyframes staffDot {
    0%,100% {
        opacity: 0.5;
        transform: translateY(-50%) scale(.9)
    }

    50% {
        opacity: 1;
        transform: translateY(-50%) scale(1.2)
    }
}
 
Последнее редактирование:
never stress
Дек
617
423
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
на, сделал. на форуме в поле вводи просто owner(например). без всего более
 
Фев
88
27
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
.userBanner.owner,.userBanner.so_owner,.userBanner.director,.userBanner.ryk,.userBanner.zam_ryk,.userBanner.gts,.userBanner.zgts,.userBanner.spec_adm,.userBanner.zsa,.userBanner.ypr_serv,.userBanner.zypr,.userBanner.kyrator,.userBanner.ga,.userBanner.zga,.userBanner.gs,.userBanner.zgs,.userBanner.st_adm,.userBanner.adm,.userBanner.ml_adm,.userBanner.moder,.userBanner.ml_moder,.userBanner.helper,.userBanner.leader,.userBanner.user {
position: relative;
padding: 10px 25px;
font-weight: 800;
font-size: 13px;
text-transform: uppercase;
color: #fff !important;
border: none;
text-align: center;
clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
overflow: hidden;
z-index: 1;
background-size: 200% 200% !important;
animation: fastGradient 3s linear infinite !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
display: inline-block
}

.userBanner.owner::before,.userBanner.so_owner::before,.userBanner.director::before,.userBanner.ryk::before,.userBanner.zam_ryk::before,.userBanner.gts::before,.userBanner.zgts::before,.userBanner.spec_adm::before,.userBanner.zsa::before,.userBanner.ypr_serv::before,.userBanner.zypr::before,.userBanner.kyrator::before,.userBanner.ga::before,.userBanner.zga::before,.userBanner.gs::before,.userBanner.zgs::before,.userBanner.st_adm::before,.userBanner.adm::before,.userBanner.ml_adm::before,.userBanner.moder::before,.userBanner.ml_moder::before,.userBanner.helper::before,.userBanner.leader::before,.userBanner.user::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 100%;
background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,0.05) 5px, rgba(255,255,255,0.05) 10px);
animation: patternMove 10s linear infinite
}

.userBanner.owner::after,.userBanner.so_owner::after,.userBanner.director::after,.userBanner.ryk::after,.userBanner.zam_ryk::after,.userBanner.gts::after,.userBanner.zgts::after,.userBanner.spec_adm::after,.userBanner.zsa::after,.userBanner.ypr_serv::after,.userBanner.zypr::after,.userBanner.kyrator::after,.userBanner.ga::after,.userBanner.zga::after,.userBanner.gs::after,.userBanner.zgs::after,.userBanner.st_adm::after,.userBanner.adm::after,.userBanner.ml_adm::after,.userBanner.moder::after,.userBanner.ml_moder::after,.userBanner.helper::after,.userBanner.leader::after,.userBanner.user::after {
content: '';
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 5px #fff,0 0 10px #fff;
animation: dotPulse 1.5s infinite
}

@keyframes fastGradient {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0% 50%
}
}

@keyframes patternMove {
0% {
transform: translateX(-50%)
}

100% {
transform: translateX(0%)
}
}

@keyframes dotPulse {
0% {
opacity: 0.4;
transform: translateY(-50%) scale(.8)
}

50% {
opacity: 1;
transform: translateY(-50%) scale(1.2)
}

100% {
opacity: 0.4;
transform: translateY(-50%) scale(.8)
}
}

.owner {
background: linear-gradient(90deg, #2a0000, #f00, #2a0000)
}

.so_owner {
background: linear-gradient(90deg, #3a0000, #ff4d4d, #3a0000)
}

.director {
background: linear-gradient(90deg, #4a0010, #ff5f40, #4a0010)
}

.ryk {
background: linear-gradient(90deg, #120024, #9d4edd, #120024)
}

.zam_ryk {
background: linear-gradient(90deg, #1e003a, #bf5af2, #1e003a)
}

.gts {
background: linear-gradient(90deg, #2d1600, #ff9f0a, #2d1600)
}

.zgts {
background: linear-gradient(90deg, #3a1d00, #ffb347, #3a1d00)
}

.spec_adm {
background: linear-gradient(90deg, #300018, #ff2d55, #300018)
}

.zsa {
background: linear-gradient(90deg, #400020, #ff66b2, #400020)
}

.ypr_serv {
background: linear-gradient(90deg, #001f1f, #00d2d2, #001f1f)
}

.zypr {
background: linear-gradient(90deg, #002d2d, #30ffd0, #002d2d)
}

.kyrator {
background: linear-gradient(90deg, #003a3a, #64ffda, #003a3a)
}

.ga {
background: linear-gradient(90deg, #001a00, #34c759, #001a00)
}

.zga {
background: linear-gradient(90deg, #002b00, #32d74b, #002b00)
}

.gs {
background: linear-gradient(90deg, #001030, #0a84ff, #001030)
}

.zgs {
background: linear-gradient(90deg, #00081a, #5e5ce6, #00081a)
}

.st_adm {
background: linear-gradient(90deg, #002a3a, #64d2ff, #002a3a)
}

.adm {
background: linear-gradient(90deg, #003a4d, #70dcff, #003a4d)
}

.ml_adm {
background: linear-gradient(90deg, #004a5a, #a6edff, #004a5a)
}

.moder {
background: linear-gradient(90deg, #2d2400, #ffd60a, #2d2400)
}

.ml_moder {
background: linear-gradient(90deg, #3a2e00, #fff200, #3a2e00)
}

.helper {
background: linear-gradient(90deg, #1a1a1a, #636366, #1a1a1a)
}

.leader {
background: linear-gradient(90deg, #1d0f00, #a2511a, #1d0f00)
}

.user {
background: linear-gradient(90deg, #121212, #3a3a3c, #121212)
}
.userBanner.userBanner--staff,.userBanner.userBanner--primary {
position: relative;
padding: 10px 25px;
font-weight: 800;
font-size: 13px;
text-transform: uppercase;
text-align: center;
display: inline-block;
border: none;
clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
overflow: hidden;
z-index: 1;
color: #ffffff !important;
background: linear-gradient(90deg, #4b0000, #ff4d4d, #900, #ff4d4d, #4b0000);
background-size: 200% 200% !important;
animation: staffFastGradient 3s linear infinite !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.5)
}

.userBanner.userBanner--staff::before,.userBanner.userBanner--primary::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 100%;
background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,0.1) 5px, rgba(255,255,255,0.05) 10px);
animation: staffPattern 8s linear infinite;
pointer-events: none
}

.userBanner.userBanner--staff::after,.userBanner.userBanner--primary::after {
content: '';
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 8px #fff;
animation: staffDot 1s infinite
}
@keyframes staffFastGradient {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0% 50%
}
}

@keyframes staffPattern {
0% {
transform: translateX(-50%)
}

100% {
transform: translateX(0%)
}
}

@keyframes staffDot {
0%,100% {
opacity: 0.5;
transform: translateY(-50%) scale(.9)
}

50% {
opacity: 1;
transform: translateY(-50%) scale(1.2)
}
}
OFFTOP

Код нужно заносить под тег CODE

 
never stress
Дек
617
423
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
https://pawno-help.ru/threads/manual-kak-brat-bannery-prefiksy-s-drugix-forumov.8056/ . советую изучить этот мануал и больше не просить такой фигни
 
never stress
Дек
617
423
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
OFFTOP

Код нужно заносить под тег CODE

не знал, сейчас исправлю
 
Фев
88
27
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
не знал, сейчас исправлю
OFFTOP

Не оффтоп :)
1771153580921.png

 
never stress
Дек
617
423
Заблокированный
Фев
88
27
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
OFFTOP

чтож ты так предираешься😡

OFFTOP

Это не придирки, сам подумай. Удобнее когда код под соответствующим тегом, или когда он под тегом который страницу увеличивает только

 
never stress
Дек
617
423
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
OFFTOP

Это не придирки, сам подумай. Удобнее когда код под соответствующим тегом, или когда он под тегом который страницу увеличивает только

OFFTOP

я написал что понял свою ошибку, ты зачем то еще раз что то пишешь(когда я уже изменил ее)

 
never stress
Дек
617
423
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
@Kirushka если решение помогло просьба его закрепить и закрыть тему. Удачи тебе!
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху