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

крутой575647 · Пятница в 23:07

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

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

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

Kolpak · Пятница в 23:10

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

крутой575647 · Пятница в 23:13

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 · Суббота в 00:50

крутой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 · Суббота в 09:17

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 · Суббота в 17:01

крутой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 · Суббота в 17:02

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

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

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

Jack_Mithel · Суббота в 17:06

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

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

крутой575647 · Суббота в 17:14

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

я про размер

крутой575647 · Суббота в 17:15

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

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

Jack_Mithel · Суббота в 17:16

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

а, пардон

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

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

крутой575647 · Суббота в 17:16

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

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

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

Jack_Mithel · Суббота в 17:17

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

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

крутой575647 · Суббота в 17:17

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

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

Kolpak · Суббота в 17:22

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

крутой575647 · Суббота в 17:24

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

AntiDDOS WEB

Kolpak · Суббота в 17:27

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

крутой575647 · Суббота в 17:29

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

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

LIVE SAMP

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

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

крутой575647

Kolpak

Kolpak

крутой575647

damitz

lspdfr insider ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

крутой575647

damitz

lspdfr insider ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

Kolpak

Jack_Mithel

крутой575647

крутой575647

Jack_Mithel

крутой575647

Jack_Mithel

крутой575647

Kolpak

крутой575647

Kolpak

крутой575647