Welcome!

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

SignUp Now!

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

Статус
В этой теме нельзя размещать новые ответы.
Окт
24
3
Пользователь
Здравствуйте. При создании своего баннера на форум, я столкнулся с одной проблемой: а именно баннер меньше, чем мне нужен и увеличить я его не могу. Ниже оставил скрин как это выглядит (баннера основателя).
Помогите решить проблему.
Если нужно, то так-же оставляю код, который заливаю в 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 · Просмотры: 19
Окт
283
203
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Пробовал менять, но результата как-то не дало
Не могло не дать, это и есть ширина с высотой. Если сдвигов нет - возможно не тот класс используешь в самой группе
 
Окт
24
3
Пользователь
Не могло не дать, это и есть ширина с высотой. Если сдвигов нет - возможно не тот класс используешь в самой группе

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

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

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