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

Перемещаем userbit (ник с аватаром) направо от сообщения
Совместимость с 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
Автор
android88
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок