• Добро пожаловать на сайт - Forumteam.digital !

    Что бы просматривать темы форума необходимо зарегестрироваться или войти в свой аккаунт.

    Группа в телеграме (подпишитесь, что бы не потерять нас) - ForumTeam Chat [Подписатся]
    Связь с администратором - @ftmadmin

Мануал 2.x Баннер во всю ширину, ник и звание по центру

Sam Jack

Опытный
Опытный
Регистрация
05.03.18
Сообщения
230
Реакции
56
Баллы
415
FTC
  • Автор темы
  • Заблокирован
  • #1
Обратите внимание, если вы планируете совершить сделку с этим пользователем, он заблокирован.
Растягивает ваш баннер во всю его ширину. Ник и звание ставит по центру. Вот пример:
http://prntscr.com/kg5tgh
Добавьте код в extra.less
Код:
@media (max-width: @xf-messageSingleColumnWidth)
{
    .message:not(.message--forceColumns)
    {

        .message-name
        {
            text-align: center;
        }

        .message-userBanner.userBanner
        {
            display: block;
            text-align: center;
            margin: 0;
        }
        .message-userTitle
        {
            display: block;
            text-align: center;
            margin-bottom: 5px;
        }
    }
}
можете поиграть с размерами
 

Sam Jack

Опытный
Опытный
Регистрация
05.03.18
Сообщения
230
Реакции
56
Баллы
415
FTC
  • Автор темы
  • Заблокирован
  • #2
Обратите внимание, если вы планируете совершить сделку с этим пользователем, он заблокирован.
немножко подправленный
въообще я ставил 200px и было норм ну сами правьте кому как нравится
Код:
@media (max-width: @xf-messageSingleColumnWidth)
{
    .message:not(.message--forceColumns)
    {

        .message-name
        {
            text-align: center;
        }

        .message-userBanner.userBanner
        {
            display: block;
            text-align: center;
            margin: 0 auto;
            width: 100px;
        }
        .message-userTitle
        {
            display: block;
            text-align: center;
            margin-bottom: 5px;
        }
    }
}
 
Сверху Снизу