LIVE SAMP

Решено Как сделать роли разноцветные

Добро пожаловать!

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

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Статус
В этой теме нельзя размещать новые ответы.
ahhaha

ahhaha

Пользователь
Регистрация
24 Июн 2025
Сообщения
4
Хочу сделать на своем форуме разноцветные роли чтоб переливались стиль у меня от вашего Russia Rp (Kapalak)
 
Решение
COLTON
CSS: 
.kk_banner {
object-fit: cover;
pointer-events: none
}

@media (max-width: 900px) {
.kk_banner {
height:150px
}
}

.userBanner,.userBanner.userBanner--staff {
display: inline-block;
min-height: 20px;
padding: 1px 7px;
border-radius: 14px;
border: none;
box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
margin: 4px 2px;
background-size: 200% 200%;
color: white;
font-size: 11px;
font-weight: 400;
text-align: center;
text-shadow: 0 0 0 transparent,1px 1px 1px #000;
-webkit-animation: AnimationBanner 5s ease infinite;
-moz-animation: AnimationBanner 5s ease infinite;
animation: AnimationBanner 5s ease infinite
}

.userBanner.special {
background-image: linear-gradient(130deg, #ff3535, #51055a);
width: 127px
}...
Сортировка по дате Сортировка по голосам
COLTON

COLTON

Пользователь
Регистрация
29 Дек 2023
Сообщения
75
CSS: 
.kk_banner {
object-fit: cover;
pointer-events: none
}

@media (max-width: 900px) {
.kk_banner {
height:150px
}
}

.userBanner,.userBanner.userBanner--staff {
display: inline-block;
min-height: 20px;
padding: 1px 7px;
border-radius: 14px;
border: none;
box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
margin: 4px 2px;
background-size: 200% 200%;
color: white;
font-size: 11px;
font-weight: 400;
text-align: center;
text-shadow: 0 0 0 transparent,1px 1px 1px #000;
-webkit-animation: AnimationBanner 5s ease infinite;
-moz-animation: AnimationBanner 5s ease infinite;
animation: AnimationBanner 5s ease infinite
}

.userBanner.special {
background-image: linear-gradient(130deg, #ff3535, #51055a);
width: 127px
}

.userBanner.ga {
background-image: linear-gradient(130deg, #ecff00, #f80000, #ff6b00)
}

.userBanner.zga {
background-image: linear-gradient(130deg, #ecff00, #f80000, #ff6b00)
}

.userBanner.stcurator {
background-image: linear-gradient(130deg, #0d8cc4, #970d3c)
}



.userBanner.curator {
background-image: linear-gradient(130deg, #b55acc, #7759cb, #b55acc)
}


.userBanner.admin {
background-image: linear-gradient(130deg, #0c7708, #5ebe83, #22d312)
}



.userBanner.discord_maker {
background-image: linear-gradient(130deg, #0053ff, #00589e, #ff00a4)
}

.userBanner.tester {
background-image: linear-gradient(130deg, #c8e067, #67e0cb)
}

.userBanner.leader {
background-image: linear-gradient(130deg, #3b45f4, #6fcbfc)
}

.userBanner.player {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_two {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_three {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_four {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_five {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_six {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_seven {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_eight {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_nine {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.discord_leader {
background-image: linear-gradient(130deg, #f78b0b, #e10d63, #3d159f)
}

.userBanner.banned {
background-color: #c0c0c0;
color: black;
text-shadow: none;
font-weight: bold
}

.userBanner.userBanner--staff {
background-image: linear-gradient(90deg, #0717ed, #ef2525)
}

@-webkit-keyframes AnimationBanner {
0% {
background-position: 10% 0%
}
50% {
background-position: 91% 100%
}
100% {
background-position: 10% 0%
}
}

@-moz-keyframes AnimationBanner {
0% {
background-position: 10% 0%
}
50% {
background-position: 91% 100%
}
100% {
background-position: 10% 0%
}
}

@keyframes AnimationBanner {
0% {
background-position: 10% 0%
}
50% {
background-position: 91% 100%
}
100% {
background-position: 10% 0%
}
}

@keyframes Halloween {
0% {
background-position: 0% 0%
}

100% {
background-position: 100% 100%
}
}
Поставьте решение если помог.
 
Последнее редактирование модератором:
Позитивный голос 0 Негативный голос
Решение
ahhaha

ahhaha

Пользователь
Регистрация
24 Июн 2025
Сообщения
4
COLTON написал(а):
banner: 
Pawno-Help.Ru - Форум о программировании в Pawn
COLTON
Баннера для форума как на Барвиха Mobile
 Автор темы'black 'primov  Дата начала28 Мар 2025
 Мануалы
Отслеживать
'black 'primov
'black 'primov
Пользователь
28 Мар 2025
Редактировать закладку
#1
Привет, сливаю для вас баннера проекта Барвиха Mobile.

Спойлер: Как установить баннер?:

Спойлер: Код
.kk_banner {
object-fit: cover;
pointer-events: none
}

@media (max-width: 900px) {
.kk_banner {
height:150px
}
}

.userBanner,.userBanner.userBanner--staff {
display: inline-block;
min-height: 20px;
padding: 1px 7px;
border-radius: 14px;
border: none;
box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
margin: 4px 2px;
background-size: 200% 200%;
color: white;
font-size: 11px;
font-weight: 400;
text-align: center;
text-shadow: 0 0 0 transparent,1px 1px 1px #000;
-webkit-animation: AnimationBanner 5s ease infinite;
-moz-animation: AnimationBanner 5s ease infinite;
animation: AnimationBanner 5s ease infinite
}

.userBanner.special {
background-image: linear-gradient(130deg, #ff3535, #51055a);
width: 127px
}

.userBanner.ga {
background-image: linear-gradient(130deg, #ecff00, #f80000, #ff6b00)
}

.userBanner.zga {
background-image: linear-gradient(130deg, #ecff00, #f80000, #ff6b00)
}

.userBanner.stcurator {
background-image: linear-gradient(130deg, #0d8cc4, #970d3c)
}

.userBanner.curator {
background-image: linear-gradient(130deg, #b55acc, #7759cb, #b55acc)
}

.userBanner.admin {
background-image: linear-gradient(130deg, #0c7708, #5ebe83, #22d312)
}

.userBanner.discord_maker {
background-image: linear-gradient(130deg, #0053ff, #00589e, #ff00a4)
}

.userBanner.tester {
background-image: linear-gradient(130deg, #c8e067, #67e0cb)
}

.userBanner.leader {
background-image: linear-gradient(130deg, #3b45f4, #6fcbfc)
}

.userBanner.player {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_two {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_three {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_four {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_five {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_six {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_seven {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_eight {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_nine {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.discord_leader {
background-image: linear-gradient(130deg, #f78b0b, #e10d63, #3d159f)
}

.userBanner.banned {
background-color: #c0c0c0;
color: black;
text-shadow: none;
font-weight: bold
}

.userBanner.userBanner--staff {
background-image: linear-gradient(90deg, #0717ed, #ef2525)
}

@-webkit-keyframes AnimationBanner {
0% {
background-position: 10% 0%
}

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

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

@-moz-keyframes AnimationBanner {
0% {
background-position: 10% 0%
}

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

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

@keyframes AnimationBanner {
0% {
background-position: 10% 0%
}

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

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

@keyframes Halloween {
0% {
background-position: 0% 0%
}

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

Поставьте решение если помог.
Нажмите для раскрытия...
Это в extra_less?
 
Позитивный голос 0 Негативный голос
COLTON

COLTON

Пользователь
Регистрация
29 Дек 2023
Сообщения
75
COLTON написал(а):
banner: 
Pawno-Help.Ru - Форум о программировании в Pawn
COLTON
Баннера для форума как на Барвиха Mobile
 Автор темы'black 'primov  Дата начала28 Мар 2025
 Мануалы
Отслеживать
'black 'primov
'black 'primov
Пользователь
28 Мар 2025
Редактировать закладку
#1
Привет, сливаю для вас баннера проекта Барвиха Mobile.

Спойлер: Как установить баннер?:

Спойлер: Код
.kk_banner {
object-fit: cover;
pointer-events: none
}

@media (max-width: 900px) {
.kk_banner {
height:150px
}
}

.userBanner,.userBanner.userBanner--staff {
display: inline-block;
min-height: 20px;
padding: 1px 7px;
border-radius: 14px;
border: none;
box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
margin: 4px 2px;
background-size: 200% 200%;
color: white;
font-size: 11px;
font-weight: 400;
text-align: center;
text-shadow: 0 0 0 transparent,1px 1px 1px #000;
-webkit-animation: AnimationBanner 5s ease infinite;
-moz-animation: AnimationBanner 5s ease infinite;
animation: AnimationBanner 5s ease infinite
}

.userBanner.special {
background-image: linear-gradient(130deg, #ff3535, #51055a);
width: 127px
}

.userBanner.ga {
background-image: linear-gradient(130deg, #ecff00, #f80000, #ff6b00)
}

.userBanner.zga {
background-image: linear-gradient(130deg, #ecff00, #f80000, #ff6b00)
}

.userBanner.stcurator {
background-image: linear-gradient(130deg, #0d8cc4, #970d3c)
}

.userBanner.curator {
background-image: linear-gradient(130deg, #b55acc, #7759cb, #b55acc)
}

.userBanner.admin {
background-image: linear-gradient(130deg, #0c7708, #5ebe83, #22d312)
}

.userBanner.discord_maker {
background-image: linear-gradient(130deg, #0053ff, #00589e, #ff00a4)
}

.userBanner.tester {
background-image: linear-gradient(130deg, #c8e067, #67e0cb)
}

.userBanner.leader {
background-image: linear-gradient(130deg, #3b45f4, #6fcbfc)
}

.userBanner.player {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_two {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_three {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_four {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_five {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_six {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_seven {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_eight {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.player_nine {
background-image: linear-gradient(130deg, #00e4ff, #4f61fc, #9e00f8)
}

.userBanner.discord_leader {
background-image: linear-gradient(130deg, #f78b0b, #e10d63, #3d159f)
}

.userBanner.banned {
background-color: #c0c0c0;
color: black;
text-shadow: none;
font-weight: bold
}

.userBanner.userBanner--staff {
background-image: linear-gradient(90deg, #0717ed, #ef2525)
}

@-webkit-keyframes AnimationBanner {
0% {
background-position: 10% 0%
}

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

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

@-moz-keyframes AnimationBanner {
0% {
background-position: 10% 0%
}

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

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

@keyframes AnimationBanner {
0% {
background-position: 10% 0%
}

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

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

@keyframes Halloween {
0% {
background-position: 0% 0%
}

100% {
background-position: 100% 100%
}
}
Нажмите для раскрытия...

ahhaha написал(а):
Это в extra_less?
Нажмите для раскрытия...
Да
 
Позитивный голос 0 Негативный голос
Статус
В этой теме нельзя размещать новые ответы.
Сверху