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

Alex Kross

Постоялец
Регистрация
8 Янв 2013
Сообщения
200
Реакции
179
CSS звания пользователей 1.0

Тема на оф. сайте:
Для просмотра ссылки Войди или Зарегистрируйся
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;
}
Готово!
 

Alex Kross

Постоялец
Регистрация
8 Янв 2013
Сообщения
200
Реакции
179
Меняем цвет ника у группы пользователей

Очень просто, но многим людям, возможно, потребуется это.​
Для русскоязычного форума:​
Код:
Панель управления > Пользователи > Группы пользователей > Выбранная группа > 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>
 

Alex Kross

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

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;
}
Вот и все ;)
 

Alex Kross

Постоялец
Регистрация
8 Янв 2013
Сообщения
200
Реакции
179
Add clock to footer (добавляем отображение даты в footer)

Источник: Для просмотра ссылки Войди или Зарегистрируйся
Описание: Добавляет в 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>
 

Alex Kross

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

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

ВКонтакте
Итак, для добавления любой кнопки ВКонтакте нам нужно сначала авторизоваться на сайте вконтакте и перейти на страницу добавления сайта + создания приложения Для просмотра ссылки Войди или Зарегистрируйся
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>
Внимание! Замените ссылку Для просмотра ссылки Войди или Зарегистрируйся на ссылку своего форума.

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

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

Мой Мир@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>

Сохранить изменения.
Вот и все. По аналогии теперь можете добавлять и другие кнопки типа "Сохранить", "Поделиться" и т.д. ;)
 

Alex Kross

Постоялец
Регистрация
8 Янв 2013
Сообщения
200
Реакции
179
Перемещаем статистику форума в 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>
Готово ;)
 

Alex Kross

Постоялец
Регистрация
8 Янв 2013
Сообщения
200
Реакции
179
Аватары вместо ников в блоке "Пользователи онлайн"
Для просмотра ссылки Войди или Зарегистрируйся
Описание: после этого изменения, в блоке "Пользователи онлайн" будут отображаться аватары ваших пользователей, а не текстовая ссылка по умолчанию.
аватары.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}
 

Alex Kross

Постоялец
Регистрация
8 Янв 2013
Сообщения
200
Реакции
179
Виджет для сообществ В Контакте
Безымянный.png

Создаем тут: Для просмотра ссылки Войди или Зарегистрируйся

Открываем шаблон :
sidebar_share_page

Ищем:
Код:
<xen:contentcheck>
Ниже добавляем скрипт который создали тут: Для просмотра ссылки Войди или Зарегистрируйся
 

Alex Kross

Постоялец
Регистрация
8 Янв 2013
Сообщения
200
Реакции
179
Выделяем важные и закрытые темы

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; }
 

Alex Kross

Постоялец
Регистрация
8 Янв 2013
Сообщения
200
Реакции
179
Транформация "Мне нравится", "#", "Ответить" в кнопки (без картинок)
Для просмотра ссылки Войди или Зарегистрируйся
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;
}
Всё. Цвета только на свои замените ;)
 
Сверху