Перемещение элементов в постбите

nictic123

Проверенные
Сообщения
910
Реакции
930
Баллы
855
Добрый вечер! Проблема в следующем: хочу переместить звание и ник выше аватарки, а баннер группы оставить внизу. Как это можно осуществить?
1527615997101.png
 
Вам нужно сделать модификацию в которой оригинальный код шаблона заменить на свой, пример моего стиля
Этот код

Код:
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
                <xf:if is="property('uix_postBitAvatarSize') == 'small'">
                    <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
                <xf:elseif is="property('uix_postBitAvatarSize') == 'medium'" />
                    <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                <xf:elseif is="property('uix_postBitAvatarSize') == 'large'" />
                    <xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" />
                </xf:if>
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" data-xf-init="tooltip" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>
            </div>
        </div>
        <div class="uix_messagePostBitWrapper">
            <div class="message-userDetails">
                <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
                <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
                <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
                <xf:if is="{$dateHtml}"><div class="message-date">{$dateHtml}</div></xf:if>
            </div>
            <xf:if is="{$linkHtml}"><div class="message-permalink">{$linkHtml}</div></xf:if>
            <xf:if is="$user.user_id">
                <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
                <xf:if contentcheck="true">
                    <xf:if is="property('uix_collapseExtraInfo')">
                        <div class="thThreads__message-userExtras">
                    </xf:if>

Заменить на этот

Код:
        <div class="uix_messagePostBitWrapper">
            <div class="message-userDetails">
                <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
                <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
                <xf:if is="property('uix_postBitAvatarSize') == 'small'">
                    <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
                <xf:elseif is="property('uix_postBitAvatarSize') == 'medium'" />
                    <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                <xf:elseif is="property('uix_postBitAvatarSize') == 'large'" />
                    <xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" />
                </xf:if>
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" data-xf-init="tooltip" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>
            </div>
        </div>
                <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
                <xf:if is="{$dateHtml}"><div class="message-date">{$dateHtml}</div></xf:if>
            </div>
            <xf:if is="{$linkHtml}"><div class="message-permalink">{$linkHtml}</div></xf:if>
            <xf:if is="$user.user_id">
                <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
                <xf:if contentcheck="true">
                    <xf:if is="property('uix_collapseExtraInfo')">
                        <div class="thThreads__message-userExtras">
                    </xf:if>

Это на быструю руку, даже не проверял, но все сделать модификацией можно.
 
nictic123, можно отредактировать шаблон message_macros
После
<section itemscope itemtype="https://schema.org/Person" class="message-user">
Вставить
Код:
        <div class="message-userDetails">
            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
            <xf:if is="{$dateHtml}"><div class="message-date">{$dateHtml}</div></xf:if>
        </div>
И чуть ниже это убрать.
Но, настоятельно рекомендую использовать модификации шаблонов.
 
Вам нужно сделать модификацию в которой оригинальный код шаблона заменить на свой, пример моего стиля
Этот код

Код:
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
                <xf:if is="property('uix_postBitAvatarSize') == 'small'">
                    <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
                <xf:elseif is="property('uix_postBitAvatarSize') == 'medium'" />
                    <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                <xf:elseif is="property('uix_postBitAvatarSize') == 'large'" />
                    <xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" />
                </xf:if>
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" data-xf-init="tooltip" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>
            </div>
        </div>
        <div class="uix_messagePostBitWrapper">
            <div class="message-userDetails">
                <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
                <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
                <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
                <xf:if is="{$dateHtml}"><div class="message-date">{$dateHtml}</div></xf:if>
            </div>
            <xf:if is="{$linkHtml}"><div class="message-permalink">{$linkHtml}</div></xf:if>
            <xf:if is="$user.user_id">
                <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
                <xf:if contentcheck="true">
                    <xf:if is="property('uix_collapseExtraInfo')">
                        <div class="thThreads__message-userExtras">
                    </xf:if>

Заменить на этот

Код:
        <div class="uix_messagePostBitWrapper">
            <div class="message-userDetails">
                <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
                <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
                <xf:if is="property('uix_postBitAvatarSize') == 'small'">
                    <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
                <xf:elseif is="property('uix_postBitAvatarSize') == 'medium'" />
                    <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                <xf:elseif is="property('uix_postBitAvatarSize') == 'large'" />
                    <xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" />
                </xf:if>
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" data-xf-init="tooltip" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>
            </div>
        </div>
                <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
                <xf:if is="{$dateHtml}"><div class="message-date">{$dateHtml}</div></xf:if>
            </div>
            <xf:if is="{$linkHtml}"><div class="message-permalink">{$linkHtml}</div></xf:if>
            <xf:if is="$user.user_id">
                <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
                <xf:if contentcheck="true">
                    <xf:if is="property('uix_collapseExtraInfo')">
                        <div class="thThreads__message-userExtras">
                    </xf:if>

Это на быструю руку, даже не проверял, но все сделать модификацией можно.
А с этим что делать?
1527617472963.png
 
nictic123, шаблон укажите message_macros, а ключ можно любой.
 
Последнее редактирование:
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу