1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

Помогите изменить message user info

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем JoinNulled, 16 фев 2014.

Загрузка
  1. JoinNulled

    JoinNulled Активный пользователь

    Регистрация:
    13.02.14
    Сообщения:
    8
    Симпатии:
    0
    Версия XF:
    1.2.4
    Здравствуйте. Есть 1 проблемка, которую я сам к сожалению не могу выполнить.

    Хочу выполнить вот такие изменения в message user info, но не могу найти нужные строчки:

    Сейчас так: 1.png

    Хочу сделать так: 2.png

    Кто не понял, я хочу в красную полоску вместо надписи "Команда форума", вставить название групп.

    Заранее огромное спасибо.


    Код: 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: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="m" img="true" />
                <!-- 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, 'd.m.y'}</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}">
                        <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}">
                            <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>
    Код: message_user_info.css

    Код:
    .messageUserInfo
    {
        @property "messageUserInfo";
        background-color: @contentBackground;
        padding: 9px;
        border: 1px solid @contentBorder;
        border-radius: 6px;
        float: left;
        box-shadow: inset 0 0 0 1px #fcfcfc;
        position: relative;
        width: 102px;
        @property "/messageUserInfo";
    }
    
        .messageRight .messageUserInfo
        {
            float: right;
        }
    
        .messageUserInfo:after
        {
            content: '';
            display: block;
            position: absolute;
            top: 15px;
            right: -10px;
            width: 11px;
            height: 17px;
            background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -140px -55px;
        }
      
            .messageRight .messageUserInfo:after
            {
                right: auto;
                left: -10px;
                background-position: -120px -55px;
            }
          
        .messageFullBlock .messageUserInfo
        {
            @property "css3ClearBlock";
            background: transparent none;
            padding: 0;
            margin: 0;
            border-width: 0;
            border-radius: 0;
            box-shadow: none !important;
            @property "/css3ClearBlock";
        }
      
            .messageFullBlock .messageUserInfo:after
            {
                display: none;
            }
    
        .messageUserBlock
        {
            @property "messageUserBlock";
    
            @property "/messageUserBlock";
          
            position: relative;
        }
          
            .messageUserBlock div.avatarHolder
            {
                @property "messageAvatarHolder";
    
                @property "/messageAvatarHolder";  
            }
          
                .messageUserBlock div.avatarHolder .avatar
                {
                    display: block;
                    font-size: 0;
                }
              
            .messageUserBlock h3.userText
            {
                @property "messageUserText";
                padding: 6px 0 0;
                @property "/messageUserText";
            }
          
            .messageUserBlock .userBanner
            {
                display: block;
                margin-top: 1px;
                margin-bottom: 5px;
                margin-left: -14px;
                margin-right: -14px;
            }
    
                .messageFullBlock .messageUserBlock .userBanner
                {
                    margin-right: -5px;
                    border-top-right-radius: 3px;
                }
    
                    .messageFullBlock .messageUserBlock .userBanner.wrapped span.after,
                    .messageFullBlock.messageRight .messageUserBlock .userBanner.wrapped span.before
                    {
                        display: none;
                    }
    
                    .messageFullBlock.messageRight .messageUserBlock .userBanner
                    {
                        margin-left: -5px;
                        margin-right: -14px;
                        border-top-left-radius: 3px;
                    }
    
                        .messageFullBlock.messageRight .messageUserBlock .userBanner.wrapped
                        {
                            border-top-right-radius: 0;
                        }
    
                        .messageFullBlock.messageRight .messageUserBlock .userBanner.wrapped span.after
                        {
                            display: block;
                        }
    
    
            .messageUserBlock .userBanner:last-child
            {
                margin-bottom: 0;
            }
      
            .messageUserBlock a.username
            {
                @property "messageUsername";
                font-weight: bold;
                display: block;
                overflow: hidden;
                line-height: 16px;
                @property "/messageUsername";
              
            }
          
            .messageUserBlock .userTitle
            {
                @property "messageUserTitle";
                font-size: 11px;
                display: block;
                @property "/messageUserTitle";
            }
          
            .messageUserBlock .extraUserInfo
            {
                @property "messageExtraUserInfo";
                font-size: 11px;
                padding: 4px 0;
                border-width: 0;
                @property "/messageExtraUserInfo";
            }
          
                .messageUserBlock .extraUserInfo dl
                {
                    margin: 2px 0 0;
                }
                              
                .messageUserBlock .extraUserInfo img
                {
                    max-width: 100%;
                }
          
            .messageUserBlock .arrow
            {
                display: none;
            }
    
    <xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveWideWidth)
    {
        .Responsive .message.messageSeparate
        {
            margin-bottom: 15px;
        }
      
        .Responsive .message .messageUserInfo
        {
            float: none !important;
            width: auto;
            border-bottom: 1px solid @innerBottomBorder;
            padding-bottom: 8px;
        }
      
            .Responsive .message .messageUserInfo:after
            {
                background-position: -100px -61px !important;
                width: 17px !important;
                height: 11px !important;
                left: 50% !important;
                right: auto !important;
                top: auto !important;
                bottom: -10px !important;
                margin-left: -8px;
            }
          
                .Responsive .message.messageFullBlock .messageUserInfo:after
                {
                    display: none;
                }
          
            .Responsive .message .messageUserInfo
            {
                margin-bottom: 8px;
            }
          
                .Responsive .message.messageFullBlock .messageUserInfo
                {
                    margin-bottom: 0;
                    padding-bottom: 5px;
                    border-bottom: 1px solid @innerBottomBorder;
                }
          
            .Responsive .message .messageUserInfo .messageUserBlock:after
            {
                content: '';
                display: block;
                clear: both;
            }
          
            .Responsive .message .messageUserBlock div.avatarHolder
            {
                float: left;
                margin-right: 10px;
            }
          
                .Responsive .message .messageUserBlock div.avatarHolder img
                {
                    width: 48px;
                    height: 48px;
                }
          
                    .Responsive .message .messageUserBlock div.avatarHolder .userMood img
                    {
                        width: auto;
                        height: auto;
                    }
    
            .Responsive .message .messageUserBlock h3.userText
            {
                padding-top: 0;
                float: left;
            }
    
            .Responsive .message .messageUserBlock .ribbon
            {
                display: none;
            }
    
        .Responsive .message .messageInfo
        {
            margin: 0 !important;
            float: none;
        }
      
            .Responsive .message.messageFullBlock .messageInfo
            {
                border-top: 1px solid @innerTopBorder;
                padding-top: 5px;
            }
    
        <xen:if is="@mobileHideExtraUserInfo">      
        .Responsive .messageUserBlock .extraUserInfo
        {
            display: none;
        }
        <xen:else />
        .Responsive .messageUserBlock .extraUserInfo
        {
            float: right;
            max-width: 40%;
        }
    
            .Responsive .messageUserBlock .extraUserInfo dl
            {
                min-width: 100px;
            }
    
            .Responsive .messageUserBlock .extraUserInfo dt
            {
                display: inline !important;
            }
    
            .Responsive .messageUserBlock .extraUserInfo dd
            {
                float: none;
            }
        </xen:if>
    
        .Responsive .messageUserBlock .userBanner
        {
            max-width: 150px;
            margin: 0 !important;
            border-radius: 3px !important;
            position: static;
            display: inline-block;
        }
      
            .Responsive .messageUserBlock .userBanner span
            {
                display: none !important;
            }
    }
    </xen:if>
     
  2. Aiden

    Aiden Местный

    Регистрация:
    03.01.12
    Сообщения:
    202
    Симпатии:
    74
    Версия XF:
    1.4.3
    Не надо мудрить:
     

    Вложения:

    Mirovinger и JoinNulled нравится это.
  3. JoinNulled

    JoinNulled Активный пользователь

    Регистрация:
    13.02.14
    Сообщения:
    8
    Симпатии:
    0
    Версия XF:
    1.2.4
    Спасибо большое, все получилось.
    --- добавлено : Feb 16, 2014 1:20 PM ---
    Извиняюсь за назойливось, хотелось бы подкорректировать еще 1 мелочь.

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

    Получилось так: 2.jpg

    Не подскажите что подредактировать? Нужно миллиметра 3 примерно расстояния между никнеймом и группой пользователя.

    На всякий случай, код user info, а так же его CSS есть в 1ом посте.
     

    Вложения:

    Последнее редактирование модератором: 24 фев 2014
  4. Aiden

    Aiden Местный

    Регистрация:
    03.01.12
    Сообщения:
    202
    Симпатии:
    74
    Версия XF:
    1.4.3
    Код:
    .messageUserBlock a.username
    {
    @property "messageUsername";
    font-weight: bold;
    display: block;
    overflow: hidden;
    line-height: 16px;
    @property "/messageUsername";
    }
    заменить на

    Код:
    .messageUserBlock a.username
    {
    @property "messageUsername";
    font-weight: bold;
    display: block;
    overflow: hidden;
    line-height: 16px;
    margin-bottom:3px;
    @property "/messageUsername";
    }
    
     
    Mirovinger и JoinNulled нравится это.
  5. JoinNulled

    JoinNulled Активный пользователь

    Регистрация:
    13.02.14
    Сообщения:
    8
    Симпатии:
    0
    Версия XF:
    1.2.4
    Еще раз огромное Вам спасибо.
     

Поделиться этой страницей