Аватары - большие и высокие авки в темах форума

Инструкция Аватары - большие и высокие авки в темах форума

Как сделать крупногабаритные аватары в темах форума XenForo.

SOUL

АдминкА
Администратор
Сообщения
7.279
Симпатии
10.542
Баллы
266
#1
Пользователь SOUL разместил новый ресурс:

Аватары - большие и высокие авки в темах форума - Как сделать крупногабаритные аватары в темах форума XenForo.

Зайти
Внешний вид -> Шаблоны -> message_user_info

Найти код:
Код:
<xen:avatar user="$user" size="m" />
Заменить на
Код:
<xen:avatar user="$user" size="l" img="true" />
Зайти
Внешний вид -> Шаблоны -> EXTRA.css
И добавить:
Код:
.thread_view .messageList .messageUserInfo a.avatar img,
.thread_view .quickReply .messageUserInfo a.avatar img,
.conversation_view .messageList .messageUserInfo a.avatar img,
.conversation_view .quickReply .messageUserInfo a.avatar img...
Узнать больше об этом ресурсе...
 

Profan

Пользователь
Сообщения
38
Симпатии
9
Баллы
3
#2
Спасибо, сделал все как пишет в мануале, но в темах размер аватара - не меняться.


Вот код message_user_info


Код:
<xen:require css="message_user_info.css" />

<div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">  
<div class="messageUserBlock {xen:if $user.isOnline, online}">
    <xen:hook name="message_user_info_avatar" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
        <div class="avatarHolder">
            <span class="helper"></span>
            <xen:avatar user="$user" size="l" img="true" />
            <xen:if is="{$user.isOnline}"><span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="-22" data-offsetY="-8"></span></xen:if>
            <!-- slot: message_user_info_avatar -->
        </div>
    </xen:hook>

<xen:if is="!{$isQuickReply}">
    <xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
        <h3 class="userText">
            <xen:username user="$user" itemprop="name" rich="true" />
            <xen:if hascontent="true"><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user, 1, 1}</xen:contentcheck></em></xen:if>
            {xen:helper userBanner, $user, 'wrapped'}
            <!-- slot: message_user_info_text -->
        </h3>
    </xen:hook>
      
    <xen:if hascontent="true">
        <div class="extraUserInfo">
            <xen:contentcheck>
            <xen:hook name="message_user_info_extra" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
                <xen:if is="@messageShowRegisterDate AND {$user.user_id}">
                    <dl class="pairsJustified">
                        <dt>{xen:phrase joined}:</dt>
                        <dd>{xen:date $user.register_date}</dd>
                    </dl>
                </xen:if>
              
                <xen:if is="@messageShowMessageCount AND {$user.user_id}">
                    <dl class="pairsJustified">
                        <dt>{xen:phrase messages}:</dt>
                        <dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
                    </dl>
                </xen:if>
              
                <xen:if is="@messageShowTotalLikes AND {$user.user_id}">
                    <dl class="pairsJustified">
                        <dt>{xen:phrase likes_received}:</dt>
                        <dd>{xen:number $user.like_count}</dd>
                    </dl>
                </xen:if>
              
                <xen:if is="@messageShowTrophyPoints AND {$user.user_id} AND {$xenOptions.enableTrophies}">
                    <dl class="pairsJustified">
                        <dt>{xen:phrase trophy_points}:</dt>
                        <dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
                    </dl>
                </xen:if>
          
                <xen:if is="@messageShowGender AND {$user.gender}">
                    <dl class="pairsJustified">
                        <dt>{xen:phrase gender}:</dt>
                        <dd itemprop="gender"><xen:if is="{$user.gender} == 'male'">{xen:phrase male}<xen:else />{xen:phrase female}</xen:if></dd>
                    </dl>
                </xen:if>
              
                <xen:if is="@messageShowOccupation AND {$user.occupation}">
                    <dl class="pairsJustified">
                        <dt>{xen:phrase occupation}:</dt>
                        <dd itemprop="role">{xen:string censor, $user.occupation}</dd>
                    </dl>
                </xen:if>
              
                <xen:if is="@messageShowLocation AND {$user.location}">
                    <dl class="pairsJustified">
                        <dt>{xen:phrase location}:</dt>
                        <dd><a href="{xen:link 'misc/location-info', '', 'location={xen:string censor, $user.location, '-'}'}" target="_blank" rel="nofollow" itemprop="address" class="concealed">{xen:string censor, $user.location}</a></dd>
                    </dl>
                </xen:if>
          
                <xen:if is="@messageShowHomepage AND {$user.homepage}">
                    <dl class="pairsJustified">
                        <dt>{xen:phrase home_page}:</dt>
                        <dd><a href="{xen:string censor, $user.homepage, '-'}" rel="nofollow" target="_blank" itemprop="url">{xen:string censor, $user.homepage}</a></dd>
                    </dl>
                </xen:if>
                          
            </xen:hook>          
            <xen:if is="@messageShowCustomFields AND {$user.customFields}">
            <xen:hook name="message_user_info_custom_fields" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
          
                <xen:foreach loop="$userFieldsInfo" key="$fieldId" value="$fieldInfo">
                    <xen:if is="{$fieldInfo.viewable_message} AND ({$fieldInfo.display_group} != 'contact' OR {$user.allow_view_identities} == 'everyone' OR ({$user.allow_view_identities} == 'members' AND {$visitor.user_id}))">
                        <xen:if hascontent="true">
                            <dl class="pairsJustified userField_{$fieldId}">
                                <dt>{xen:helper userFieldTitle, $fieldId}:</dt>
                                <dd><xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
                            </dl>
                        </xen:if>
                    </xen:if>
                </xen:foreach>
              
            </xen:hook>
            </xen:if>
            </xen:contentcheck>
        </div>
    </xen:if>
      
</xen:if>

    <span class="arrow"><span></span></span>
</div>
</div>
Однострочный код, для короткого кода в одну строчку!
 

ROOT

Пользователь
Сообщения
0
Симпатии
49
Баллы
12
#3
Да и вопрос уже в тему мануала надо задавать.
 

Katachi

Пользователь
Сообщения
3
Симпатии
0
Баллы
1
#6
Спасибо у меня все встало с 1го раза авы ставлю 174 на 250
 

mrx077

Проверенный
Сообщения
140
Симпатии
13
Баллы
18
#7
Сделал все так как написано , получилось вот такое
taL-9OazTbuIzjO2NWQdJw.png

142 x 80 pixels (Natural: 341 x 192 pixels)
Правки вносил в шаблон нужного стиля , разрешение картинки 1600 x 900
Что не так ?
 

rodrigo1337

Пользователь
Сообщения
1
Симпатии
0
Баллы
1
#10
Спасибо,поставил себе на форум.
Выглядит отпадно!
 

Sunset

Проверенный
Сообщения
12
Симпатии
1
Баллы
3
#12
При добавлении кода, меняется на нужное, с браузера пк, выглядит нормально, с телефона ломает вид профиля и вид сообщения
 

Unsubdued

Премиум
Сообщения
3.866
Симпатии
8.130
Баллы
266
#15
Если правильно помню, то код для мобильных должен выглядеть как-то так:

CSS:
<xen:if is="{xen:property enableResponsive}">
@media (max-width:{xen:property maxResponsiveMediumWidth})
{
    .Responsive .thread_view .messageList .messageUserInfo a.avatar img,
    .Responsive .thread_view .quickReply .messageUserInfo a.avatar img,
    .Responsive .conversation_view .messageList .messageUserInfo a.avatar img,
    .Responsive .conversation_view .quickReply .messageUserInfo a.avatar img
    {
        width: 142px;
        height: auto;
    }

}

@media (max-width:{xen:property maxResponsiveNarrowWidth})
{
    .Responsive .message .messageInfo,
    #QuickReply
   
    {
        margin-left: 186px !important;
    }
}
</xen:if>
Естественно, со своими значениями margin-left и width. Либо можно поставить display: none;, чтоб скрыть на мобильных.

Не уверен.
 
Вверх Снизу