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

Перемещаем userbit (ник с аватаром) направо от сообщения

Тема в разделе "Модификации шаблонов", создана пользователем Gatses, 3 июл 2011.

Загрузка
  1. Gatses

    Gatses Местный

    Регистрация:
    05.02.11
    Сообщения:
    421
    Симпатии:
    579
    Версия XF:
    1.5.9
    Тема на оф. форуме:
    Код:
    http://xenforo.com/community/threads/move-the-userbit-to-the-right-on-posts.6130/
    Это краткое руководство, чтобы переместить userbit на правую сторону от сообщения.
    userbit справа.png

    В message.css найти:
    Код:
    .message .messageInfo
    {
        @property "messageInfo";
        padding: 0;
        margin-left: 140px;
        border-bottom: 1px none black;
        @property "/messageInfo";
        zoom: 1;
    }
    Заменить на:
    Код:
    .message .messageInfo
    {
        @property "messageInfo";
        padding: 0;
        margin-right: 140px;
        border-bottom: 1px none black;
        @property "/messageInfo";
        zoom: 1;
    }
    В message_user_info.css найти:
    Код:
    .messageUserInfo
    {
        @property "messageUserInfo";
        float: left;
        width: 124px;
        @property "/messageUserInfo";
    }
    Заменить на:
    Код:
    .messageUserInfo
    {
        @property "messageUserInfo";
        float: right;
        width: 124px;
        @property "/messageUserInfo";
    }
    В message_user_info.css найти:
    Код:
            .messageUserBlock .arrow
            {
                position: absolute;
                top: 10px;
                right: -10px;
    
                display: block;
                width: 0px;
                height: 0px;
                line-height: 0px;
    
                border: 10px solid transparent;
                border-left-color: @messageUserBlock.border-color;
                border-right: none;
    
                /* Hide from IE6 */
                _display: none;
            }
    
                .messageUserBlock .arrow span
                {
                    position: absolute;
                    top: -10px;
                    left: -11px;
    
                    display: block;
                    width: 0px;
                    height: 0px;
                    line-height: 0px;
    
                    border: 10px solid transparent;
                    border-left-color: @messageAvatarHolder.background-color;
                    border-right: none;
                }
    Заменить на:
    Код:
        .messageUserBlock .arrow
            {
                position: absolute;
                top: 10px;
                left: -10px;
    
                display: block;
                width: 0px;
                height: 0px;
                line-height: 0px;
    
                border: 10px solid transparent;
                border-right-color: @messageUserBlock.border-color;
                border-left: none;
    
                /* Hide from IE6 */
                _display: none;
            }
    
                .messageUserBlock .arrow span
                {
                    position: absolute;
                    top: -10px;
                    right: -11px;
    
                    display: block;
                    width: 0px;
                    height: 0px;
                    line-height: 0px;
    
                    border: 10px solid transparent;
                    border-right-color: @messageAvatarHolder.background-color;
                    border-left: none;
                }
    P.S. Отредактировано под версию 1.0.2
     
    Betelgelze, TAIFUN, RedCobra и 4 другим нравится это.
  2. RedCobra

    RedCobra Read only

    Регистрация:
    09.12.11
    Сообщения:
    74
    Симпатии:
    2
    Версия XF:
    1.1.3
    Супер.
    А можете сделать пожалуйста так чтобы в центре был аватар а под ним уже текст темы?
     
  3. Mike

    Mike Местный

    Регистрация:
    30.11.11
    Сообщения:
    146
    Симпатии:
    3
    Версия XF:
    1.1.0 Final
    А можно сделать так, чтобы аватар справа, показывался только Гостям (не авторизованным).
    А авторизованным (слева), стандартно?
     

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