Транформация "Мне нравится", "#", "Ответить" в кнопки (без картинок)

Транформация "Мне нравится", "#", "Ответить" в кнопки
Совместимость с XenForo
XenForo 1.2
,
XenForo 1.3
,
XenForo 1.4
,
XenForo 1.5
Переделка данных фраз под вид кнопок
Оригинальная статья:
Код:
http://xenforo.com/community/threads/beta-2-transform-message-links-into-buttons-no-images.7309/
Открываем Шаблоны > message.css
P.S. На всякий случай сохраните оригинальный текст в новом шаблоне.

Стираем все и вставляем следующее:
Код:
.messageList .message
{
    @property "message";
    padding-top: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid @primaryLighterStill;
    @property "/message";
    /* note this change does offset quote/bbcode boxes by their top margin... maybe that doesn't matter?
    padding-top: 10px;
    padding-bottom: 30px; */
}

{xen:helper clearfix, '.messageList .message'}

/*** Message block ***/

.message .messageInfo
{
    @property "messageInfo";
    margin-left: 140px;
    @property "/messageInfo";
}

    .message .messageInfo.primaryContent
    {
        padding: 0;
        border-bottom: none;
    }

    .message .newIndicator
    {
        @property "messageNewIndicator";
        font-weight: bold;
        font-size: 10px;
        color: @contentBackground;
        background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
        padding: 1px 5px;
        margin: -5px -5px 5px 5px;
        border: 1px solid @primaryLight;
        border-radius: 3px;
        border-top-right-radius: 0px;
        display: block;
        float: right;
        position: relative;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
        @property "/messageNewIndicator";
        margin-right: -{xen:calc '@content.padding-right + 5'}px;
    }
        .message .newIndicator span
        {
            @property "messageNewIndicatorInner";
            background-color: @primaryLight;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
            @property "/messageNewIndicatorInner";
        }

    .message .messageContent
    {
        @property "messageContent";
        min-height: 100px;
        @property "/messageContent";
    }

        .message .messageText,
        .message .signature
        {
            @property "messageText";
            font-size: 11pt;
            font-family: Georgia, "Times New Roman", Times, serif;
            line-height: 1.4;
            @property "/messageText";
        }

        .message .signature
        {
            @property "messageSignature";
            font-size: 9pt;
            padding: 5px 0 0;
            margin-top: 5px;
            border-top: 1px dashed @primaryLighterStill;
            @property "/messageSignature";
        }

    .message .messageMeta
    {
        @property "messageMeta";
        font-size: 11px;
        padding: 15px 5px 5px;
        margin: -5px;
        overflow: hidden;
        zoom: 1;
        @property "/messageMeta";
    }

        .message .privateControls
        {
            float: left;
        }

            .message .privateControls .item
            {
                float: left;
                margin-right: 10px;
            }

        .message .publicControls
        {
            float: right;
        }

            .message .publicControls .item
            {
                float: left;
                margin-left: 10px;
            }

                .message .publicControls .reply .MultiQuote
                {
                    visibility: hidden;
                }

                    .message .publicControls .reply:hover .MultiQuote
                    {
                        visibility: visible;
                    }
.message .publicControls a
        {
                                display: block;
                text-decoration: none;
                padding: 2px 9px 2px 9px;
                border: 1px solid @primaryLight;
                background: @primaryLighterStill;
                color: @primaryDark;
                border-radius: 5px;
                text-shadow: 1px 1px 0px @primaryLightest;
                outline: 0;
}
    .message .messageNotices
    {
        @property "messageNotice";
        font-size: 11px;
        background: @secondaryLighter url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
        padding: 5px;
        margin: 10px 0;
        border: 1px solid @secondaryLight;
        border-radius: 5px;
        @property "/messageNotice";
    }
    .message .likesSummary
    {
        @property "messageLikesSummary";
        padding: 5px;
        margin-top: 10px;
        border: 1px solid @primaryLighterStill;
        border-radius: 5px;
        @property "/messageLikesSummary";
    }
    .message .messageText > *:first-child
    {
        margin-top: 0;
    }

/* inline moderation changes */

.InlineModChecked .messageUserBlock,
.InlineModChecked .messageInfo,
.InlineModChecked .messageNotices,
.InlineModChecked .bbCodeBlock .type,
.InlineModChecked .bbCodeBlock blockquote,
.placeholder.InlineModChecked .placeholderContent
{
    @property "inlineModChecked";
    background: @inlineMod url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    @property "/inlineModChecked";
}

.InlineModChecked .messageUserBlock div.avatarHolder
{
    background: transparent;
}

.InlineModChecked .messageUserBlock .finisher .inner
{
    border-left-color: rgb(255,255,200);
}

/* message list */

.messageList .newMessagesNotice
{
    margin: 10px auto;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid @primaryLighter;
    background: @primaryLighterStill url(@imagePath/xenforo/gradients/category-23px-light.png) repeat-x top;
    font-size: 11px;
}

/* deleted / ignored message placeholder */

.messageList .message.placeholder
{
    border: none;
    margin: 10px 0;
    padding: 0;
}

.messageList .placeholder .placeholderContent
{
    overflow: hidden; zoom: 1;
    border: 1px solid @primaryLighterStill;
    padding: 5px;
    border-radius: 5px;
    color: @primaryLightish;
    font-size: 11px;
}

    .messageList .placeholder a.avatar
    {
        float: left;
        margin-right: 5px;
        display: block;
    }
        .messageList .placeholder a.avatar img
        {
            width: 24px;
            height: 24px;
            display: block;
        }
    .messageList .placeholder .privateControls
    {
        margin-top: 2px;
    }

/* messages remaining link */

/*.postsRemaining
{
    margin: 5px 0 10px;
    text-align: right;
}*/

    .postsRemaining a,
    a.postsRemaining
    {
        font-size: 11px;
        color: @mutedTextColor;
    }
Получается вот такое:
xfbuttom.jpg
Автор
android88
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок