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

Тема на оф. форуме:

Код:

http://xenforo.com/community/threads/move-the-userbit-to-the-right-on-posts.6130/

Это краткое руководство, чтобы переместить userbit на правую сторону от сообщения.


В 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

 

Супер.
А можете сделать пожалуйста так чтобы в центре был аватар а под ним уже текст темы?

 

А можно сделать так, чтобы аватар справа, показывался только Гостям (не авторизованным).
А авторизованным (слева), стандартно?