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

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

  1. android88
    Совместимость с 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
Поделиться этой страницей в