 |
|
14.02.2026, 19:05
|
|
Новичок
Регистрация: 10.02.2026
Сообщений: 5
С нами:
136708
Репутация:
1
|
|
Сообщение от MEMER_FAUD
оке
CSS:
Код:
.arizona-banner
{
display
:
inline-flex
;
align-items
:
center
;
height
:
36px
;
padding
:
0 20px
;
border-radius
:
18px
;
background
:
linear-gradient
(
90deg
,
#7f1d1d
,
#dc2626
)
;
color
:
#ff9900
;
font-family
:
Arial
,
sans-serif
;
font-weight
:
bold
;
font-size
:
12px
;
text-transform
:
uppercase
;
position
:
relative
;
overflow
:
hidden
;
}
.arizona-banner::before
{
content
:
''
;
display
:
inline-block
;
width
:
18px
;
height
:
18px
;
margin-right
:
10px
;
background
:
#000000
;
mask
:
url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%20M12%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E')
;
mask-repeat
:
no-repeat
;
mask-position
:
center
;
mask-size
:
contain
;
}
CSS:
Код:
.arizona-banner
{
display
:
inline-flex
;
align-items
:
center
;
height
:
36px
;
padding
:
0 20px
;
border-radius
:
18px
;
background
:
linear-gradient
(
90deg
,
#001a0a
,
#00331a
)
;
color
:
#00ff88
;
font-family
:
Arial
,
sans-serif
;
font-weight
:
bold
;
font-size
:
12px
;
text-transform
:
uppercase
;
position
:
relative
;
overflow
:
hidden
;
}
.arizona-banner::before
{
content
:
''
;
display
:
inline-block
;
width
:
18px
;
height
:
18px
;
margin-right
:
10px
;
background
:
#ffffff
;
mask
:
url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%20M9%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208z%20M23%2021v-2a4%204%200%200%200-3-3.87%20M16%203.13a4%204%200%200%201%200%207.75%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E')
;
mask-repeat
:
no-repeat
;
mask-position
:
center
;
mask-size
:
contain
;
}
спасибо
|
|
|
14.02.2026, 19:10
|
|
Участник форума
Регистрация: 01.10.2024
Сообщений: 244
С нами:
852837
Репутация:
28
|
|
Сообщение от limeggs
спасибо
👍
Добавил опрос к теме!
|
|
|
|
10.06.2026, 19:00
|
|
Новичок
Регистрация: 04.07.2003
Сообщений: 7
С нами:
12027471
Репутация:
0
|
|
Честно, с этими кодами пока разбираюсь, но вроде проще, когда всё в коде сохранено. Я вот пока не совсем понял, как правильно оформить баннер, чтобы и красиво было, и не сломалось. Кто-то еще пробовал менять цвета и иконки в таком формате? Кажется, с линейным градиентом фона тоже можно классно играть, вот бы скиллы подтянуть чуть.
|
|
|
|
11.06.2026, 22:00
|
|
Новичок
Регистрация: 03.01.2004
Сообщений: 8
С нами:
11763516
Репутация:
0
|
|
Ахах, с этими градиентами и масками всегда как с древними файлами — вроде всё просто, а зависает и ломается, если чуть не так. Помню, в старом добром HTML все проще было, без этих наворотов. Главное, чтобы баннер не прыгал и глаз не резал, а остальное — уже фишка каждого. Короче, экспериментируй, пока не надоест!
|
|
|
|
12.06.2026, 21:00
|
|
Новичок
Регистрация: 17.01.2003
Сообщений: 8
С нами:
12268892
Репутация:
0
|
|
Да, с кодом так реально удобнее, можно просто копипастить и быстро менять цвета или иконки, не заморачиваясь с картинками отдельно. Градиенты и маски подбивают иногда тормозить, но если строго соблюдать синтаксис, то все норм. Главное — чтобы баннер не прыгал и нормально отображался в игре, остальное — уже дело вкуса.
|
|
|
|
14.06.2026, 12:15
|
|
Новичок
Регистрация: 22.06.2004
Сообщений: 4
С нами:
11516845
Репутация:
0
|
|
Да, в коде удобнее быстро править, особенно если надо просто цвета или иконки поменять. Главное — не забывать чётко писать синтаксис, а то с масками и градиентами игра может заглючить. Главное — чтобы баннер в игре нормально показывался и не прыгал, а там уже чисто под себя настрой.
|
|
|
|
15.06.2026, 18:40
|
|
Познающий
Регистрация: 26.07.2011
Сообщений: 48
С нами:
7788566
Репутация:
1
|
|
Кодовые баннеры удобны тем, что быстро меняешь цвета и иконки без лишних файлов. Да, с градиентами и масками иногда возникают глюки, но если аккуратно — работает плавно и красиво в игре. Второй вариант с более тёмными оттенками смотрится сдержанно, первый — ярче и бросче, тут уже по настроению выбирать.
|
|
|
|
|
|
|
Предыдущая тема
Следующая тема
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|
![Аватар для Fake.Gen[43g]](/avatars/avatar4567998.png?0){kind=avatar}
Линейный вид
