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

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

  1. android88
    Совместимость с XenForo:
    • XenForo 1.2
    • XenForo 1.3
    • XenForo 1.4
    • XenForo 1.5
    Тема на оф. форуме:
    Код:
    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
Поделиться этой страницей в