XF 2.2 Как отобразить нестандартное звания под баннером?

[Waynet]

Всех приветствую, на мобильном есть проблема с отображением.

Хочу, чтобы нестандартное звание отображалось под баннером, а не перед ним. Надеюсь на вашу помощь

 

[Matew]

Почему все всегда думают, что можно угадать, каким образом этот баннер был установлен?
Какой код для этого использовался? Как вы вообще ставили эти баннеры? В каком стиле? Здесь нет гадалок, это в ваших же интересах, указать как можно больше информации

 

[Maza47]

Всех приветствую, на мобильном есть проблема с отображением.

Хочу, чтобы нестандартное звание отображалось под баннером, а не перед ним. Надеюсь на вашу помощь

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

 

[Waynet]

Почему все всегда думают, что можно угадать, каким образом этот баннер был установлен?
Какой код для этого использовался? Как вы вообще ставили эти баннеры? В каком стиле? Здесь нет гадалок, это в ваших же интересах, указать как можно больше информации

Установлено на стиле Illuminate Dark, на XenForo 2.2.13. Баннеры с разрешением 150x50 и кодом:

.sozd {
    background: url("https://i.imgur.com/KV8e8Kj.png") no-repeat;
    padding: 1px 6px;
    border: 1px solid transparent;
    border-radius: 0px;
    text-align: center;
    height: 50px;
    width: 150px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden
}

Баннер в виде картинки, сделано в программе Adobe Photoshop. Какие данные еще требуются, чтобы можно было мне помочь?

 

[Skaiman]

Допустим, что бы нестандартное звание было сверху баннеров можно добавить в extra.less:

@media (max-width: @xf-responsiveMedium) {
    .message:not(.message--forceColumns) .message-userTitle {
        display: block;
    }
}

ну а что бы было ниже, надо делать модификацию и менять местами баннеры и звание, а оно надо?

 

[Waynet]

Допустим, что бы нестандартное звание было сверху баннеров можно добавить в extra.less:

@media (max-width: @xf-responsiveMedium) {
    .message:not(.message--forceColumns) .message-userTitle {
        display: block;
    }
}

ну а что бы было ниже, надо делать модификацию и менять местами баннеры и звание, а оно надо?

Думаю оно не надо, благодарю)

 

[Waynet]

Еще раз всех приветствую, решение Skaiman`а не совсем мне сейчас помогло.
Установил баннер на стиле Nexxe, на версии XF 2.2.13 с немного другим кодом:

.carf {
    padding: 1px 6px;
    border: 1px solid transparent;
    border-radius: 0px;
    text-align: center;
    height: 40px;
    width: 150px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    &.webdev {
    background: url(/styles/banners/webdev.svg) no-repeat;
    }
}

Посмотреть вложение 154130
Баннер смещается влево, а мне нужно, чтоб он оставался под ником и звание под баннером. Честно не понимаю, как это решить

 

[Skaiman]

Еще раз всех приветствую, решение Skaiman`а не совсем мне сейчас помогло.

ну а что бы было ниже, надо делать модификацию и менять местами баннеры и звание, а оно надо?

 

[Waynet]

Как по мне, это лучше щас сделать модификацией все же, просто Ваше решение сейчас мне не помогает, словно ничего не изменяется

 

[Skaiman]

Всех приветствую, на мобильном есть проблема с отображением.

Хочу, чтобы нестандартное звание отображалось под баннером, а не перед ним. Надеюсь на вашу помощь

В шаблоне message_macros, нестандартное звание расположено выше баннера:

        <div class="message-userDetails">
            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'name' : '' }}" /></h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="{{ $includeMicrodata ? 'jobTitle' : '' }}" />
            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="{{ $includeMicrodata ? 'jobTitle' : '' }}" />
        </div>

так оно отображается и в постбите, там элементы звания и баннеров блочные, в мобильной версии строчные и расположены просто рядом:

но в твоем случае используются в качестве баннеров изображения и поэтому вид расположения искажается.
Допустим если в шаблоне message_macros поменять местами звание и баннеры, то отображение поменяется и в постбите и везде, где используется информация о пользователе, поэтому пусть они себе стоят на месте :)
Мое решение выше, просто изменяет элемент звания со строчного на блочный, так как у тебя ширина баннера фиксированная, можно и их сделать блочными в мобильной версии:

@media (max-width: @xf-responsiveMedium) {
    .message:not(.message--forceColumns) .message-userTitle, .message:not(.message--forceColumns) .message-userBanner.userBanner {
        display: block;
    }
}

если стоят дефолтные баннеры, то их растянет во всю ширину :)

 

[Waynet]

Благодарю и в правду грамотно пояснил.