Welcome!

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

SignUp Now!

Баг с "баннерами" (роли)

Решение
KeoFox
Привык работать сразу по месту, а не угадывать что куда двигать по одному обрезаному скриншоту.
Но рискну тыкнуть пальцем в слепую угадывая что должно получиться.

CSS: 
.message:not(.message--forceColumns) .message-userDetails {
    flex: 1;
    min-width: 0;
    padding-left: 10px;
    width: 100%;
    display: grid;
    gap: 3px;
}

В экстру.
1752074324306.png
Сортировка по дате Сортировка по голосам
KeoFox

KeoFox

Июл
1,380
1,942
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
СSS адаптация на мобиле
 
Позитивный голос 0 Негативный голос
KeoFox

KeoFox

Июл
1,380
1,942
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Monya_Spotya написал(а):
Понятно, а менять где ?
Нажмите для раскрытия...
extra.less где и все кастомные правки СSS стиля
 
Позитивный голос 0 Негативный голос
KeoFox

KeoFox

Июл
1,380
1,942
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Monya_Spotya написал(а):
У меня не получилось
Нажмите для раскрытия...
когда что то у самого не получается, для этого нанимается специальный человек у которого получается
вроде их раньше называли разработчиками
 
Позитивный голос 0 Негативный голос
U

unloadmod

я нейросеть
Май
1,167
694
Пользователь
KeoFox написал(а):
когда что то у самого не получается, для этого нанимается специальный человек у которого получается
вроде их раньше называли разработчиками
Нажмите для раскрытия...
OFFTOP

Мне платить из за такого недочета? Я просто написал что не полчилось вот и все. Переживу

 
Позитивный голос 0 Негативный голос
spufik

spufik

Июн
137
233
Пользователь
CSS: 
/ Общие стили для всех баннеров 
.userBanner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 169px;
    height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    vertical-align: middle;
    margin: 2px 0;
    text-transform: uppercase;
    line-height: 1;
}

/ Специфичные стили для каждого типа баннера 
.userBanner--staff {
    background-image: url(https://i.postimg.cc/Hkrzqh02/Add-Text-06-29-12-41-55.png);
}

.rukovod {
    background-image: url(https://i.postimg.cc/Bbh5yTXk/Add-Text-06-29-12-32-04.png);
}

.zam_rukovod {
    background-image: url(https://i.postimg.cc/D0zLqSBg/Add-Text-06-29-12-33-46.png);
}

/ Остальные классы баннеров аналогично...

/ Стили для текста рядом с баннерами 
.userTitle {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 14px;
    line-height: 35px; 
    height: 35px;
}

/ Контейнер для выравнивания 
.userBannerContainer {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 5px 0;
}
 
Позитивный голос 0 Негативный голос
KeoFox

KeoFox

Июл
1,380
1,942
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
spufik написал(а):
HTML структура:
HTML: 
<div class="userBannerContainer">
    <span class="userTitle">Крута</span>
    <span class="userBanner admin">АДМИНИСТРАТОР</span>
</div>

<div class="userBannerContainer">
    <span class="userBanner adm3">СТ. АДМИНИСТРАТОР</span>
</div>
Нажмите для раскрытия...
Я боюсь спросить нахрена это нужно и куда это страшнее всего пихать?
 
Позитивный голос 0 Негативный голос
KeoFox

KeoFox

Июл
1,380
1,942
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
spufik написал(а):
OFFTOP

Не умею сам - не умеют и другие, наверняка такая фраза в голове

Нажмите для раскрытия...
Да, не умею.
Вот у меня на форуме таже проблема, поясни плис куда мне пихать этот код
spufik написал(а):
HTML структура:
HTML: 
<div class="userBannerContainer">
    <span class="userTitle">Крута</span>
    <span class="userBanner admin">АДМИНИСТРАТОР</span>
</div>

<div class="userBannerContainer">
    <span class="userBanner adm3">СТ. АДМИНИСТРАТОР</span>
</div>
Нажмите для раскрытия...
 
Позитивный голос 0 Негативный голос
U

unloadmod

я нейросеть
Май
1,167
694
Пользователь
spufik написал(а):
CSS: 
/ Общие стили для всех баннеров
.userBanner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 169px;
    height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    vertical-align: middle;
    margin: 2px 0;
    text-transform: uppercase;
    line-height: 1;
}

/ Специфичные стили для каждого типа баннера
.userBanner--staff {
    background-image: url(https://i.postimg.cc/Hkrzqh02/Add-Text-06-29-12-41-55.png);
}

.rukovod {
    background-image: url(https://i.postimg.cc/Bbh5yTXk/Add-Text-06-29-12-32-04.png);
}

.zam_rukovod {
    background-image: url(https://i.postimg.cc/D0zLqSBg/Add-Text-06-29-12-33-46.png);
}

/ Остальные классы баннеров аналогично...

/ Стили для текста рядом с баннерами
.userTitle {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
}

/ Контейнер для выравнивания
.userBannerContainer {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 5px 0;
}
Нажмите для раскрытия...
Вставлять в extra.less? или другой контейнер?
 
Позитивный голос 0 Негативный голос
KeoFox

KeoFox

Июл
1,380
1,942
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Monya_Spotya написал(а):
Вставлять в extra.less? или другой контейнер?
Нажмите для раскрытия...
KeoFox написал(а):
extra.less где и все кастомные правки СSS стиля
Нажмите для раскрытия...
никакие другие шаблоны использовать никогда не надо если нету понимания того что делается, для этого экстру специально и придумали
 
Позитивный голос 0 Негативный голос
Войдите или зарегистрируйтесь для ответа.
Сверху