Помощь Модификации шаблонов

Тема в разделе "XenForo", создана пользователем Alex Kross, 3 мар 2013.

Информация :
Хотите добавить продукт, следуйте правилам:
1)Добавить скриншот.
2)Добавить описание (Описание на английском языке использовать - запрещено).
3)Ссылка на скачивание должна вести на сторонний файлообменник (использовать вложения - запрещено).
Модераторы: DMS
  1. Alex Kross

    Alex Kross

    Регистр.:
    8 янв 2013
    Сообщения:
    197
    Симпатии:
    171
    CSS звания пользователей 1.0

    Тема на оф. сайте:
    http://xenforo.com/community/resources/user-ranks-in-css.430/
    ranks_example.jpg
    Описание:
    Этот плагин добавляет группам пользователей звания, которые сделаны через CSS стили, так что никаких изображений не требуется. По умолчанию, css-звания сам меняет цвет подстраиваясь под ваш форум.

    Текст звания легко меняется в шаблоне. Так же, вы можете полностью изменять вид звания, если вы хорошо владеете знаниями css стилей.

    Инструкция:

    Шаг 1:
    Откройте шаблон message_user_info и найдите в нём:
    Код:
    <xen:if hascontent="true">
    <div class="extraUserInfo">
    
    После, добавьте:
    Код:
    <!-- Start User Ranks -->
    <xen:if is="{$user.is_admin}">
    <span class="userrank">Administrator</span>
    </xen:if>
     
    <xen:if is="{$user.is_moderator} AND !{$user.is_admin}">
    <span class="userrank">Moderator</span>
    </xen:if>
     
    <xen:if is="{$user.user_group_id} == 5">
    <span class="userrank">Текст звания пользователя</span>
    </xen:if>
    <!-- End User Ranks -->
    Для того, чтобы отображались звания для других групп пользователей, вы должны a new conditional for every added rank. (вот тут непонял чё то) Replace 5 with the appropriate usergroup ID.

    Шаг 2:

    Откройте шаблон: EXTRA.css и добавьте в конец:
    Код:
    .userrank {
    display: block;
    width: 108px;
    margin: -2px 0 5px 6px;
    padding: 2px 0 3px 0;
    border: 1px solid @primaryLight;
    border-radius: 5px;
    background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
    text-align: center;
    font: 11px verdana,sans-serif;
    text-decoration: none;
    color: @primaryMedium;
    text-shadow: 1px 1px 0 #fff;
    outline: 0;
    }
    
    Готово!
     
    followerZ и Bezhev нравится это.
  2. Alex Kross

    Alex Kross

    Регистр.:
    8 янв 2013
    Сообщения:
    197
    Симпатии:
    171
    Меняем цвет ника у группы пользователей

    Очень просто, но многим людям, возможно, потребуется это.​

    Для русскоязычного форума:​
    Код:
    Панель управления > Пользователи > Группы пользователей > Выбранная группа > CSS стиль для имени пользователя > color:#5EFF69; 
    Для англоязычного:​
    Код:
    Go to ACP > Members > User Groups > your group > User Name CSS > color:#5EFF69;
    Изменяйте код цвета, как вам нравится :)
    2.11.png
    Чтобы изменить цвет ника также в боковой панели на главной странице форума, откройте шаблон sidebar_online_users. Найдите код:​
    Код:
    [/INDENT][/INDENT]
    [INDENT=1][INDENT=1]class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
    и замените на​
    Код:
    [/INDENT][/INDENT]
    [INDENT=1][INDENT=1]class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{xen:helper richUserName, $user}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
     
  3. Alex Kross

    Alex Kross

    Регистр.:
    8 янв 2013
    Сообщения:
    197
    Симпатии:
    171
    Эффект при наведение на любой раздел форума
    Пример:

    xf.jpg

    Итак, поехали.. в шаблон extra.css добавим следующий код:

    Вариант #1
    Код:
    a:hover {
        -moz-transition-duration: 0.5s;
        -moz-transition-property: color;
        color: #FF0080;
        text-decoration: none !important;
        text-shadow: 0 0 0.2em #FFC1E0, 0 0 0.2em #FFC1E0, 0 0 0.2em #FFC1E0;
    }
    
    Вариант #2
    Код:
    a:hover {
    text-decoration: none;
    color: #06A3D0;
    text-shadow: #C6C6C6 0px 2px 2px;
    }
    
    Вот и все ;)
     
  4. Alex Kross

    Alex Kross

    Регистр.:
    8 янв 2013
    Сообщения:
    197
    Симпатии:
    171
    Add clock to footer (добавляем отображение даты в footer)

    Источник: http://xenforo.com/community/threads/add-clock-to-footer.6408/
    Описание: Добавляет в footer текущую дату.
    Дополнительная информация:
    • дата серверная, а не локальная
    • при нажатии на дату открывается настройка выбора часового пояса
    Default_Style.png
    Установка:

    Шаблон footer

    Найти:​
    Код:
    [/INDENT][/INDENT][/INDENT][/INDENT][/INDENT][/INDENT]
    [INDENT=1][INDENT=1][INDENT=1][INDENT=1][INDENT=1][INDENT=1]<li><a href="{$requestPaths.requestUri}#navigation">{xen:phrase go_to_top}</a></li>
    Ниже добавить:​
    Код:
    [/INDENT][/INDENT][/INDENT][/INDENT][/INDENT][/INDENT]
    [INDENT=1][INDENT=1][INDENT=1][INDENT=1][INDENT=1][INDENT=1]<li><a href="{xen:link 'account/preferences'}"><div class="time muted">{xen:datetime $datetime, 'absolute'}</div></a></li>
     
    followerZ и Bezhev нравится это.
  5. Alex Kross

    Alex Kross

    Регистр.:
    8 янв 2013
    Сообщения:
    197
    Симпатии:
    171
    Добавляем кнопки социальных сетей на главную страницу.

    Периодически пользователи спрашивают или задаются таким вопросом "Как мне добавить кнопку Вконтакте (Мне нравится), Одноклассники (Класс) и так далее"
    Snap_2011.04.30_16h12m03s_004.png
    По умолчанию в XenForo уже есть кнопки Твиттера и Фейсбука, давайте разберём процесс добавления кнопок соц. сетей на примере ВКонтакте, Одноклассники и Mail.ru (см. скриншот выше)

    ВКонтакте
    Итак, для добавления любой кнопки ВКонтакте нам нужно сначала авторизоваться на сайте вконтакте и перейти на страницу добавления сайта + создания приложения http://vkontakte.ru/editapp?act=create&site=1
    1.png
    После ввода каптчи откроется новая страница на которой мы можем добавить иконку приложения и т.д.
    Внимание! На этой странице мы увидим ID приложения, который нам потом понадобится при добавлении кода.
    2.png
    Сохраняем изменения.

    Теперь идём в админку форума, находим и открываем шаблон PAGE_CONTAINER

    Найти:
    Код:
    </head>
    Выше добавить:
    Код:
    <script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="UTF-8"></script>
    Сохранить изменения.

    Далее открыть шаблон: sidebar_share_page

    Найти:
    Код:
    </xen:contentcheck>
    Ниже добавить:
    Код:
     <div class="shareControl"><script type="text/javascript">
      VK.init({
        apiId: ВАШ_ID_ПРИЛОЖЕНИЯ,
        onlyWidgets: true
      });
    </script></div>
    <div id="vk_like"></div>
    <script type="text/javascript">
    VK.Widgets.Like("vk_like", {type: "button"});
    </script> 
    P.S: Не забудьте ввести ID приложения.

    Сохранить изменения.

    ~~~~~~~~~~~~~~~~~~~~~~~~~~

    Одноклассники

    Здесь всё проще.

    Открыть шаблон: header

    В самый конец шаблона добавить:
    Код:
     <link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"><script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script> 
    Сохранить изменения.

    Далее открыть шаблон: sidebar_share_page

    Найти:
    Код:
     </xen:contentcheck> 
    Ниже добавить:
    Код:
     <div class="shareControl"><a class="odkl-klass" href="http://aquamarinemusic.ru/forum/" onclick="ODKL.Share(this);return false;" ><span>0</span></a></div> 
    Внимание! Замените ссылку http://aquamarinemusic.ru/forum/ на ссылку своего форума.

    Сохраните изменения.

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    Мой Мир@Mail.Ru

    А здесь всё ещё проще.

    Открыть шаблон: sidebar_share_page

    Найти:
    Код:
    </xen:contentcheck>
    Ниже добавить:
    Код:
     <div class="shareControl"><a target="_blank" class="mrc__plugin_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'type' : 'button', 'width' : '150'}">Нравится</a>
    <script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script></div> 
    Сохранить изменения.
    Вот и все. По аналогии теперь можете добавлять и другие кнопки типа "Сохранить", "Поделиться" и т.д. ;)
     
    followerZ и Bezhev нравится это.
  6. Alex Kross

    Alex Kross

    Регистр.:
    8 янв 2013
    Сообщения:
    197
    Симпатии:
    171
    Перемещаем статистику форума в footer
    xf2.jpg

    Внимание! Данный хак проверялся на стандартном стиле, могут возникнуть проблемы на других стилях.

    Для начала создадим шаблон footer_stats
    вставляем туда вот этот код:
    Код:
    <xen:require css="footer_stats.css" />
    <div id="board_stats" class="breadBoxBottom">
        <ul class="ipsType_small ipsList_inline">
            <span class="value">{xen:number $boardTotals.discussions}</span>{xen:phrase discussions}
            <span class="value">{xen:number $boardTotals.messages}</span>{xen:phrase messages}
            <span class="value">{xen:number $boardTotals.users}</span>{xen:phrase members_count}
            <span class="value"><xen:username user="$boardTotals.latestUser" /></a></span>{xen:phrase latest_member}
        </ul>
    </div>
     
    <div class="borderwrapper">
        <div class="stats_body">
            <h3 class="stats_title_right"><a href="online/" class="Tooltip" title="See all online users">{xen:phrase online_now_x_members_y_guests_z, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}'}</a></h3>
                <div id="stats_content">
                <xen:if is="{$onlineUsers.records}">
                <ol class="listInline">
                <xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
                    <xen:if is="{$i} <= {$onlineUsers.limit}">
                        <li>
                        <xen:if is="{$user.user_id}">
                            <a href="{xen:link members, $user}"
                                class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                        <xen:else />
                            {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                        </xen:if>
                        </li>
                    </xen:if>
                </xen:foreach>
                <xen:if is="{$onlineUsers.recordsUnseen}">
                    <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li>
                </xen:if>
                </ol>
                </xen:if>
            <br />
            <ul>
                <li>
                    <span style="font-weight: bold; color: red;">Админы</span></a> |
                    <span style="font-weight: bold; color: green;">Модераторы</span> |
                    <span style="color: black; font-weight: bold;">Пользователи</span> |
                    <span style="color: violet; font-weight: bold;">Забанен</span>
                </li>
            </ul>
            </div>
        </div>
    </div> 
    Сохраняем.

    Создаем еще один шаблон под названием footer_stats.css
    далее его содержимое должно быть таким:
    Код:
    #board_stats ul {
        text-align: center;
    }
    #board_stats li {
        margin-right: 20px;
    }
    #board_stats .value {
        background: none repeat scroll 0 0 url(rgba.php?r=0&g=0&b=0&a=25); background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
        border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFFFFF; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFFFFF; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFFFFF; -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #FFFFFF;
        color: #222222;
        display: inline-block;
        font-weight: bold;
        margin-right: 3px;
        padding: 3px 7px;
        text-shadow: 0 0 0 transparent, 0 1px 0 rgba(255, 255, 255, 0.6);
    }
    .borderwrapper {
        overflow: hidden;
        border: 1px solid
        rgb(215, 215, 215);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        padding: 5px;
    }
    .stats_body {
        width: 100%;
        float: left;
    }
    .stats_title_left, .stats_title_center, .stats_title_right {
        overflow: hidden;
        background:
        #F7F7F7;
        border-bottom: 1px solid
        #E0E0E0;
        color:
        rgb(100,100,100);
        text-align: left;
        margin: 0px;
        font-size: 11px;
        font-weight: bold;
        padding: 3px 10px;
    }
    #stats_content {
        font-size: 11px;
        padding: 5px 10px;
    } 
    Сохраняем.

    Далее открываем шаблон forum_list
    находим там:
    Код:
    <xen:hook name="forum_list_nodes">
        <xen:if is="{$renderedNodes}"><xen:include template="node_list" /></xen:if>
    </xen:hook>
    и ниже вставляем:
    Код:
    <xen:include template="footer_stats" />
    Для того, чтобы пользователи соответствовали цветовой легенде делаем следующее:

    В шаблоне footer_stats найдите и замените на свой цвет:
    Код:
    <span style="font-weight: bold; color: red;">Админы</span></a> |
                    <span style="font-weight: bold; color: green;">Модераторы</span> |
                    <span style="color: black; font-weight: bold;">Пользователи</span> |
                    <span style="color: violet; font-weight: bold;">Забанен</span>
    Готово ;)
     
    followerZ нравится это.
  7. Alex Kross

    Alex Kross

    Регистр.:
    8 янв 2013
    Сообщения:
    197
    Симпатии:
    171
    Аватары вместо ников в блоке "Пользователи онлайн"
    http://xenforo.com/community/threads/alternate-sidebar-members-online-now.9535/
    Описание: после этого изменения, в блоке "Пользователи онлайн" будут отображаться аватары ваших пользователей, а не текстовая ссылка по умолчанию.
    аватары.png

    В шаблоне sidebar_online_users заменить весь код на следующий:
    Код:
    <xen:edithint template="sidebar.css" />
     
    <!-- block: sidebar_online_staff -->
    <xen:if hascontent="true">
        <div class="section staffOnline avatarList">
            <div class="secondaryContent">
                <h3>{xen:phrase staff_online_now}</h3>
                <ul>
                    <xen:contentcheck>
                        <xen:foreach loop="$onlineUsers.records" value="$user">
                            <xen:if is="{$user.is_moderator} OR {$user.is_admin}">
                                <li>
                                    <xen:avatar user="$user" size="s" img="true" class="{xen:if '!{$user.visible}', 'dKinvisible'}" />
                                    <xen:username user="$user" rich="true" />
                                    <div class="userTitle">{xen:helper userTitle, $user}</div>
                                </li>
                            </xen:if>
                        </xen:foreach>
                    </xen:contentcheck>
                </ul>
            </div>
        </div>
    </xen:if>
    <!-- end block: sidebar_online_staff -->
     
    <!-- block: sidebar_online_users -->
    <div class="section membersOnline userList">       
        <div class="secondaryContent">
            <h3><a href="{xen:link online}" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3>
           
            <xen:if is="{$onlineUsers.records}">
           
                <xen:if is="{$visitor.user_id}">
                    <xen:if hascontent="true">
                    <h4 class="minorHeading"><a href="{xen:link account/following}">{xen:phrase people_you_follow}:</a></h4>
                    <ul class="followedOnline">
                        <xen:contentcheck>
                            <xen:foreach loop="$onlineUsers.records" value="$user">
                                <xen:if is="{$user.followed}">
                                    <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage{xen:if '!{$user.visible}', ' dKinvisible'}" /></li>
                                </xen:if>
                            </xen:foreach>
                        </xen:contentcheck>
                    </ul>
                    <h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4>
                    </xen:if>
                </xen:if>
               
                <ol class="listInline">
                    <xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
                        <xen:if is="{$i} <= {$onlineUsers.limit}">
                            <li title="{$user.username}" class="Tooltip">
                            <xen:if is="{$user.user_id}">
                                <xen:avatar user="$user" size="s" img="true" class="_plainImage{xen:if '!{$user.visible}', ' dKinvisible'}" /><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                            <xen:else />
                                {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                            </xen:if>
                            </li>
                        </xen:if>
                    </xen:foreach>
                    <xen:if is="{$onlineUsers.recordsUnseen}">
                        <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li>
                    </xen:if>
                </ol>
            </xen:if>
           
            <div class="footnote">
                {xen:phrase online_now_x_members_y_guests_z, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}'}
            </div>
        </div>
    </div>
    <!-- end block: sidebar_online_users -->
    Добавить в шаблон EXTRA.css:
    Код:
    /* alternate members online */
    .dKinvisible {opacity:0.6}
    .membersOnline li {float:left;margin:4px 4px 0 0}
    .membersOnline .avatar img {width:32px;height:32px}
    .membersOnline .footnote {clear:both} 
     
    followerZ нравится это.
  8. Alex Kross

    Alex Kross

    Регистр.:
    8 янв 2013
    Сообщения:
    197
    Симпатии:
    171
    followerZ нравится это.
  9. Alex Kross

    Alex Kross

    Регистр.:
    8 янв 2013
    Сообщения:
    197
    Симпатии:
    171
    Выделяем важные и закрытые темы

    x_a15d2b34.jpg

    Важные темы

    Открываем extra.css и вставляем туда:
    Код:
    /*STICKY THREAD  ENHANCEMENTS*/
     
    .discussionList .sticky {
        background-color: #f7caca !important;
        border: 1px solid #d88585 !important;
    }
     
    .discussionList .sticky .posterAvatar, .discussionList .sticky .stats {
        background-color: #f7caca !important;
    }
     
    .discussionListItem .iconKey .sticky{
        border: 0px solid #d88585  !important;
    }
     
    .discussionList .sticky .avatar img,
    .discussionList .sticky .avatar .img, .avatarCropper {
        border: 1px solid #d88585 !important;
    }
     
    .discussionList .sticky .title a, .discussionList .sticky .DateTime, .discussionList .sticky .EditControl {
        color: #8F080A !important;
        text-shadow: 0 0 0 transparent, 1px 1px 0 #fbe8e8;
    }
     
    .discussionList .sticky .username, .discussionList .sticky .pairsJustified dt  {
        color: #373737 !important;
        text-shadow: 0 0 0 transparent, 1px 1px 0 #fbe8e8;
    }
    .discussionList .sticky .stats dl  {
        border-left: 1px solid #d48f8f !important;
        border-right: 1px solid #d48f8f !important;
    }
     
    .discussionList .sticky .itemPageNav a  {
        background-color: #fee6e6 !important;
        border-color: #dfa4a4 !important;
        color: #c57c7c !important;
     
    }
    .discussionList .sticky .itemPageNav a:hover  {
        background-color: #fee6e6 !important;
        border-color: #dfa4a4 !important;
        color: #c57c7c !important;
        opacity: 0.4;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
    }
    .discussionList .sticky .itemPageNav span {
        color: #c28686 !important;
    }
    .discussionList .sticky .muted {
        color: #373737 !important;
        text-shadow: 0 0 0 transparent, 1px 1px 0 #FBE8E8;
    }
     
    /*STICKY THREAD ENHANCEMENTS*/ 
    Закрытые темы

    .sticky заменить на .locked и вставить этот код в шаблон EXTRA.CSS:
    Код:
    li.locked, li.locked .stats, li.locked .posterAvatar{ background:red; }
     
    followerZ нравится это.
  10. Alex Kross

    Alex Kross

    Регистр.:
    8 янв 2013
    Сообщения:
    197
    Симпатии:
    171
    Транформация "Мне нравится", "#", "Ответить" в кнопки (без картинок)
    http://xenforo.com/community/threads/beta-2-transform-message-links-into-buttons-no-images.7309/
    xfbuttom.jpg
    Открываем Шаблоны > 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;
        } 
    Обвести только одну кнопку "Мне нравится".

    Добавить в EXTRA.css:
    Код:
    .publicControls .LikeLink .LikeLabel {
        background: #eee;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 3px 5px;
    } 
    Всё. Цвета только на свои замените ;)