Решено Помогите плз

[Yaroslav Krasin]

Помогите пожалуйста, почему у меня картинка так близко к тексту баннера , как исправить?)


Лесс который использую ;
&.texa {
background-image: linear-gradient(to right, #bd0202, #ff0b0b, #e90101);
}
.userBanner.texa .userBanner-before:before {
content: '';
display: inline-flex;
width: 12px;
height: 12px;
background: url(https://i.postimg.cc/Bb4hXYhb/IMG-20241127-193930-099.jpg) no-repeat center / 18px, linear-gradient(to top, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.2) 100%);
filter: opacity(100%);
padding: 2px;
border-radius: 7px;
}

 

[aloha Dance]

XD

 

[aloha Dance]

BB коды покинули чат, в который раз

 

[Yaroslav Krasin]

Хм сек.

 

[Yaroslav Krasin]

Если ты про это , то вот
Extra :
.userBanner {
color: #fff;
text-transform: uppercase;
font-weight: 6000;
font-size: 70%; // размер шрифта
padding: 3px 6px;
border-radius: 13px;
background-size: 600% 600%;
animation: AnimBanner 9s ease infinite;
&.userBanner--staff {
color: #fff;
border: none;
background: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
background-size: 900% 900%;
}

 

[Yaroslav Krasin]

@aloha Dance

 

[aloha Dance]

Я про BB коды на Форуме

 

[Yaroslav Krasin]

Я про BB коды на Форуме

По подробнее?

 

[aloha Dance]

.

 

[Yaroslav Krasin]

И зачем они

 

[aloha Dance]

Действительно, зачем на форуме приложили людям удобство

 

[Yaroslav Krasin]

Что полезного от этого будет, я не использовал еще такое

 

[aloha Dance]

.userBanner {
color: #fff;
text-transform: uppercase;
font-weight: 6000;
font-size: 70%; // размер шрифта
padding: 3px 6px;
border-radius: 13px;
background-size: 600% 600%;
animation: AnimBanner 9s ease infinite;
&.userBanner--staff {
color: #fff;
border: none;
background: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
background-size: 900% 900%;
}

Как пример

 

[Yaroslav Krasin]

.userBanner {
color: #fff;
text-transform: uppercase;
font-weight: 6000;
font-size: 70%; // размер шрифта
padding: 3px 6px;
border-radius: 13px;
background-size: 600% 600%;
animation: AnimBanner 9s ease infinite;
&.userBanner--staff {
color: #fff;
border: none;
background: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
background-size: 900% 900%;
}

Как пример

Типо в bb код вставить и все?

 

[Yaroslav Krasin]

Помогите пожалуйста, почему у меня картинка так близко к тексту баннера , как исправить?)
Посмотреть вложение 3635

Лесс который использую ;
&.texa {
background-image: linear-gradient(to right, #bd0202, #ff0b0b, #e90101);
}
.userBanner.texa .userBanner-before:before {
content: '';
display: inline-flex;
width: 12px;
height: 12px;
background: url(https://i.postimg.cc/Bb4hXYhb/IMG-20241127-193930-099.jpg) no-repeat center / 18px, linear-gradient(to top, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.2) 100%);
filter: opacity(100%);
padding: 2px;
border-radius: 7px;
}

Я имел ввиду , как текст сместить чтоб не слипалось так с картинкой

 

[aloha Dance]

Я имел ввиду , как текст сместить чтоб не слипалось так с картинкой

Пон

 

[pikamonov]

Учи css, а потом 100 и 1 вопрос, сам по себе отпадет,

вставь: margin-right: 5px;

Помогите пожалуйста, почему у меня картинка так близко к тексту баннера , как исправить?)
Посмотреть вложение 3635

Лесс который использую ;
&.texa {
background-image: linear-gradient(to right, #bd0202, #ff0b0b, #e90101);
}
.userBanner.texa .userBanner-before:before {
content: '';
display: inline-flex;
width: 12px;
height: 12px;
background: url(https://i.postimg.cc/Bb4hXYhb/IMG-20241127-193930-099.jpg) no-repeat center / 18px, linear-gradient(to top, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.2) 100%);
filter: opacity(100%);
padding: 2px;
border-radius: 7px;
}

 

[Yaroslav Krasin]

Крч , все нормально, спасибо , @pikamonov , но 5 слишком много сменил на 3