Решено Вопрос по созданию банера

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

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

Зарегистрироваться!
Статус
В этой теме нельзя размещать новые ответы.
Пользователь
Регистрация
30 Окт 2025
Сообщения
22
Здравствуйте. При создании своего баннера на форум, я столкнулся с одной проблемой: а именно баннер меньше, чем мне нужен и увеличить я его не могу. Ниже оставил скрин как это выглядит (баннера основателя).
Помогите решить проблему.
Если нужно, то так-же оставляю код, который заливаю в extra.less
.userBannerImage(@groups, @image) {
.userBanner {
width: 150px;
height: 64px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
&.userBanner--@{groups} {
background-image: url('/styles/user-banner/@{image}.png');
}
}
}

.userBanner.userBanner--osn {
background: transparent url('/banners/img_rukov.png') no-repeat center / cover;
}
 

Вложения

  • Screenshot_2025-11-25-02-03-17-141_ru.yandex.searchplugin.jpg
    Screenshot_2025-11-25-02-03-17-141_ru.yandex.searchplugin.jpg
    316.9 KB · Просмотры: 6
Заблокированный
Регистрация
30 Окт 2025
Сообщения
262
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
width
height
 
Заблокированный
Регистрация
30 Окт 2025
Сообщения
262
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Пробовал менять, но результата как-то не дало
Не могло не дать, это и есть ширина с высотой. Если сдвигов нет - возможно не тот класс используешь в самой группе
 
Пользователь
Регистрация
30 Окт 2025
Сообщения
22
Не могло не дать, это и есть ширина с высотой. Если сдвигов нет - возможно не тот класс используешь в самой группе

Нашёл решение, просто убрал лишние строки и вставил аргументы, за которые Вы говорили в код самого баннера
Less:
.userBanner.userBanner--osn {
width: 150px;
height: 64px;
font-size: 0px;
    background: transparent url('/banners/img_rukov.png') no-repeat center / cover;         
}

Честно говоря, я и сам изначально не понял почему оно не работало. Но Ваш ответ меня подтолкнул мысль, которая и стала решением.

P. S. Спасибо за ответ)
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху