как уменьшить размер баннера?

крутой575647 · 24 Окт 2025

Помогите пожалуйста уменьшить размер баннера, что бы было как на ориг форуме и смотрелось красиво
ниже скрин моего форума

а ниже уже скрин ориг форума

на моем форуме большой баннер, хотелось бы поменьше

Kolpak · 24 Окт 2025

Для начала предоставить код баннеров, чтобы понять с чем работать

крутой575647 · 24 Окт 2025

Kolpak написал(а):
Для начала предоставить код баннеров, чтобы понять с чем работать

extra.leas:

.user {
    background-image: url(https://i.postimg.cc/FRVdcBCt/user.png) !important
}

.adm {
    background-image: url(data/assets/adm.svg) !important
}

.chief-admin {
    background-image: url(https://i.postimg.cc/FFx3J7wf/chief-admin.png) !important
}

.curator {
    background-image: url(https://i.postimg.cc/d3nCMxGR/curator.png) !important
}

.deputy-chief-admin {
    background-image: url(https://i.postimg.cc/gkkRyGPg/deputychiefadmin.png) !important
}

.judge2 {
    background-image: url(https://i.postimg.cc/JzskgK0J/judge2.png) !important
}

.ml-adm {
    background-image: url(https://i.postimg.cc/W1xkPrqy/ml-adm.png) !important
}

.spec-adm {
    background-image: url(https://i.postimg.cc/13XtXtZZ/Spec-adm.png) !important
}

.tech-adm {
    background-image: url(https://i.postimg.cc/LXpgJpTB/Techadm2.png) !important
}

.tech-section {
    background-image: url(https://i.postimg.cc/bvb2YJQw/Tech-section.png) !important
}

.helper {
    background-image: url(https://i.postimg.cc/Gh7Dq6Ld/helper.png) !important
}

.userBanner--forumtech {
    background-image: url(https://i.postimg.cc/MHBkCxTn/forumtech.png) !important;
}

damitz · 25 Окт 2025

крутой575647 написал(а):

extra.leas:

.user {
    background-image: url(https://i.postimg.cc/FRVdcBCt/user.png) !important
}

.adm {
    background-image: url(data/assets/adm.svg) !important
}

.chief-admin {
    background-image: url(https://i.postimg.cc/FFx3J7wf/chief-admin.png) !important
}

.curator {
    background-image: url(https://i.postimg.cc/d3nCMxGR/curator.png) !important
}

.deputy-chief-admin {
    background-image: url(https://i.postimg.cc/gkkRyGPg/deputychiefadmin.png) !important
}

.judge2 {
    background-image: url(https://i.postimg.cc/JzskgK0J/judge2.png) !important
}

.ml-adm {
    background-image: url(https://i.postimg.cc/W1xkPrqy/ml-adm.png) !important
}

.spec-adm {
    background-image: url(https://i.postimg.cc/13XtXtZZ/Spec-adm.png) !important
}

.tech-adm {
    background-image: url(https://i.postimg.cc/LXpgJpTB/Techadm2.png) !important
}

.tech-section {
    background-image: url(https://i.postimg.cc/bvb2YJQw/Tech-section.png) !important
}

.helper {
    background-image: url(https://i.postimg.cc/Gh7Dq6Ld/helper.png) !important
}

.userBanner--forumtech {
    background-image: url(https://i.postimg.cc/MHBkCxTn/forumtech.png) !important;
}

это не полный код, дай полный

крутой575647 · 25 Окт 2025

damitz написал(а):
это не полный код, дай полный

extra.less:

.userBanner {
    display: inline-block !important;
    width: 200px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important
}

.message-userDetails .userBanner--img,.userBanners .userBanner--img,.message-userBanner .userBanner--img,.memberTooltip .userBanner--img,.memberCard .userBanner--img {
    display: block !important
}

.userBanner--img .userBanner-before,.userBanner--img .userBanner-after {
    display: none !important
}

.userBanner--img .userBanner-text,.userBanner--img strong {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important
}

@media (max-width: 480px) {
    .userBanner--img {
        width:170px !important;
        height: 36px !important
    }
}

.user {
    background-image: url(https://i.postimg.cc/FRVdcBCt/user.png) !important
}

.adm {
    background-image: url(data/assets/adm.svg) !important
}

.chief-admin {
    background-image: url(https://i.postimg.cc/FFx3J7wf/chief-admin.png) !important
}

.curator {
    background-image: url(https://i.postimg.cc/d3nCMxGR/curator.png) !important
}

.deputy-chief-admin {
    background-image: url(https://i.postimg.cc/gkkRyGPg/deputychiefadmin.png) !important
}

.judge2 {
    background-image: url(https://i.postimg.cc/JzskgK0J/judge2.png) !important
}

.ml-adm {
    background-image: url(https://i.postimg.cc/W1xkPrqy/ml-adm.png) !important
}

.spec-adm {
    background-image: url(https://i.postimg.cc/13XtXtZZ/Spec-adm.png) !important
}

.tech-adm {
    background-image: url(https://i.postimg.cc/LXpgJpTB/Techadm2.png) !important
}

.tech-section {
    background-image: url(https://i.postimg.cc/bvb2YJQw/Tech-section.png) !important
}

.helper {
    background-image: url(https://i.postimg.cc/Gh7Dq6Ld/helper.png) !important
}

.userBanner--forumtech {
    background-image: url(https://i.postimg.cc/MHBkCxTn/forumtech.png) !important;
}

damitz · 25 Окт 2025

крутой575647 написал(а):

extra.less:

.userBanner {
    display: inline-block !important;
    width: 200px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important
}

.message-userDetails .userBanner--img,.userBanners .userBanner--img,.message-userBanner .userBanner--img,.memberTooltip .userBanner--img,.memberCard .userBanner--img {
    display: block !important
}

.userBanner--img .userBanner-before,.userBanner--img .userBanner-after {
    display: none !important
}

.userBanner--img .userBanner-text,.userBanner--img strong {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important
}

@media (max-width: 480px) {
    .userBanner--img {
        width:170px !important;
        height: 36px !important
    }
}

.user {
    background-image: url(https://i.postimg.cc/FRVdcBCt/user.png) !important
}

.adm {
    background-image: url(data/assets/adm.svg) !important
}

.chief-admin {
    background-image: url(https://i.postimg.cc/FFx3J7wf/chief-admin.png) !important
}

.curator {
    background-image: url(https://i.postimg.cc/d3nCMxGR/curator.png) !important
}

.deputy-chief-admin {
    background-image: url(https://i.postimg.cc/gkkRyGPg/deputychiefadmin.png) !important
}

.judge2 {
    background-image: url(https://i.postimg.cc/JzskgK0J/judge2.png) !important
}

.ml-adm {
    background-image: url(https://i.postimg.cc/W1xkPrqy/ml-adm.png) !important
}

.spec-adm {
    background-image: url(https://i.postimg.cc/13XtXtZZ/Spec-adm.png) !important
}

.tech-adm {
    background-image: url(https://i.postimg.cc/LXpgJpTB/Techadm2.png) !important
}

.tech-section {
    background-image: url(https://i.postimg.cc/bvb2YJQw/Tech-section.png) !important
}

.helper {
    background-image: url(https://i.postimg.cc/Gh7Dq6Ld/helper.png) !important
}

.userBanner--forumtech {
    background-image: url(https://i.postimg.cc/MHBkCxTn/forumtech.png) !important;
}

width и height меняй

Kolpak · 25 Окт 2025

damitz написал(а):
width и height меняй

крутой575647 написал(а):
@media (max-width: 480px) { .userBanner--img { width:170px !important; height: 36px !important } }

В этой части кода меняй

Jack_Mithel · 25 Окт 2025

damitz написал(а):
width и height меняй

он про расстояние от баннера

крутой575647 · 25 Окт 2025

Jack_Mithel написал(а):
он про расстояние от баннера

я про размер

крутой575647 · 25 Окт 2025

damitz написал(а):
width и height меняй

на что поменять?

Jack_Mithel · 25 Окт 2025

крутой575647 написал(а):
я про размер

а, пардон

крутой575647 написал(а):
на что поменять?

на свои любые размеры, какие вам подойдут.

крутой575647 · 25 Окт 2025

Jack_Mithel написал(а):
а, пардон

на свои любые размеры, какие вам подойдут.

а какой размер у ориг форума?

Jack_Mithel · 25 Окт 2025

крутой575647 написал(а):
а какой размер у ориг форума?

такой же как и у тебя

крутой575647 · 25 Окт 2025

Jack_Mithel написал(а):
такой же как и у тебя

выглядит по разному, у меня больше

Kolpak · 25 Окт 2025

У тебя все нормально с кодом. Дай ссылку на форум, посмотрю код элемента

крутой575647 · 25 Окт 2025

Kolpak написал(а):
У тебя все нормально с кодом. Дай ссылку на форум, посмотрю код элемента
Посмотреть вложение 14671

https://whg87910.hgweb.ru

Kolpak · 25 Окт 2025

В настройках групп пользователей не забывай добавлять класс userBanner--img, как добавишь, проблема исчезнет

крутой575647 · 25 Окт 2025

Kolpak написал(а):
В настройках групп пользователей не забывай добавлять класс userBanner--img, как добавишь, проблема исчезнет
Посмотреть вложение 14673

спасибо большое! помогло

Поиск

Welcome!

как уменьшить размер баннера?

крутой575647

Kolpak

Kolpak

крутой575647

damitz

никогда не поменяю аву

крутой575647

damitz

никогда не поменяю аву

Kolpak

Jack_Mithel

крутой575647

крутой575647

Jack_Mithel

крутой575647

Jack_Mithel

крутой575647

Kolpak

крутой575647

Kolpak

крутой575647