Dipler.ru

Мы поделимся с тобой своим бесценным опытом

У нас ты найдешь только нужный и полезный контент

Информационный блог, посвящённый различным темам

Стилизация никнеймов пользователей в XenForo

Уверен, многие владельцы форумов, чьими движками является XenForo, задаются весьма интересным вопросом, как сделать цветные ники пользователей? Причем заставить их подсвечиваться не только в темах и сообщениях, но и других частях форума. В админ панели подобных настроек нет, другими способами решить поставленную задачу не получается. Однако не стоит унывать, я покажу Вам, как это сделать и постараюсь понятным языком объяснить, что мы будем делать и для какой цели.

Содержание:
Как подсветить ник в карточке пользователя?
Как подсветить ник в шапке форума?
Как подсветить ник в блоке Пользователи Онлайн?
Как подсветить ник пользователя в списке тем?
Как подсветить ник пользователя в панели пользователя?

Для начала сделаем стиль для ников с помощью стандартных средств движка XenForo.
Переходим в админ панель -> вкладка Пользователи -> Группы пользователей -> выбираем нужную группу и переходим в её настройки, тыкаем на названии группы.
Сделаем определенное звание пользователя, которое будет отображаться под его ником. В качестве примера я буду использовать звание Команда Dipler.ru.
Для этого в пункте Использовать звание ставим флажок на настройке Использовать следующее звание, в строке ввода вписываем нужное название группы пользователей, после чего сохраняем настройки.

Если Вы сделали все правильно то, обновив страницу, Вы увидите следующую картину:

Сразу видно, что никнейм пользователя и его звание имеют стандартный стиль, и сейчас мы это исправим. Снова переходим в редактирование группы пользователя, в строке Использовать следующие звание, к званию пользователя добавляем тег span с уникальным классом. Должен получится такой результат:

<span class="dipler_team">Команда Dipler.ru</span> 

Где dipler_team - название класса, с помощью которого мы будем задавать стили для звания пользователя.

Не отходя от кассы спустимся чуть ниже и в строке CSS-стиль для имени пользователя пропишем нужные нам стили. В моем случае я задам цвет и тень.

color: #0a840a;
text-shadow: 0px 0px 6px #009900;

Сохраняем изменения и проверяем то, что у нас получилось.

Отлично, никнейм пользователя применил нужный нам стиль, а вот над званием нужно еще поработать. Для этого снова переходим в админ панель -> вкладка Внешний вид -> Стили -> около нужного нам стиля жмем на слово Шаблоны и в окне фильтр прописываем EXTRA.css, тут же красным цветом подсветиться этот файл, в который нужно перейти.
В самом файле прописываем следующий код:

.dipler_team {
    color: #0a840a;
    text-shadow: 0px 0px 6px #009900;
}

Где .dipler_team - название класса, которое мы задавали в настройках, а внутри него свойства, которые мы применили для ника пользователя. Разумеется у вас будут свои данные. Cохраняем шаблон и смотрим на получившийся результат.

По такому же принципу Вы сможете настроить уникальные стили для остальных групп пользователей. Главное не забывайте, что звание пользователя будет подсвечено только в том случае, если Вы добавите к нему уникальный класс, и зададите для этого класса стили в шаблоне EXTRA.css. Разумеется можно делать стили с помощью атрибута style внутри тега span. Работать тоже будет.

Можно заметить, что никнеймы пользователей применили свои стили только в темах/сообщениях и профилях пользователей. А как же нам подсветить их в других частях форума? Для этого придется править код шаблона, но не спешите пугаться, даже если Вы совсем не ладите с кодом, то действуя по моему примеру, у вас всё получиться.

Изменения будут проводится в стандартном шаблоне.
Проверено на версиях XenForo 1.4, 1.5

Как подсветить ник в карточке пользователя?

Переходим в админ панель, далее жмем вкладку Внешний вид, затем выбираем Стили, около нужного нам стиля жмем на кнопку Шаблоны и в окне Фильтр прописываем member_card, красным цветом выделится 2 шаблона, выбираем первый. В нем, с помощью поиска по странице (Ctrl + F), находим строку:

<h3 class="username"><xen:username user="$user" class="NoOverlay" /></h3>

Полностью выделяем ее и заменяем на следующую:

<h3 class="username">{xen:helper richUserName, $user}</h3>

Сохраняем и смотрим на полученный результат:

Как подсветить ник в шапке форума?

Переходим в админ панель, далее жмем вкладку Внешний вид, затем выбираем Стили, около нужного нам стиля жмем на кнопку Шаблоны и в окне Фильтр прописываем navigation_visitor_tab, переходим в него и ищем искомый код:

<h3><a href="{xen:link members, $visitor}" class="concealed" title="{xen:phrase view_your_profile}">{$visitor.username}</a></h3>

Заменяем его на:

<h3><a href="{xen:link members, $visitor}" class="concealed username" title="{xen:phrase view_your_profile}">{xen:helper richusername, $visitor}</a></h3>

Сохраняем и проверяем:

Как подсветить ник в блоке Пользователи Онлайн?

По такому же принципу, что я описал выше, находим шаблон sidebar_online_users, в нем ищем код:

class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>

Заменяем его на:

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>

После сохранение проверяем проделанную работу:

Как подсветить ник пользователя в списке тем?

Находим шаблон thread_list_item, в нем находим строку:

<xen:username user="$thread" title="{xen:phrase thread_starter}" /><span class="startDate">,

Заменяем её на:

<xen:username user="$thread" title="{xen:phrase thread_starter}" rich="true" /><span class="startDate">,

Смотрим на результат:

Как подсветить ник пользователя в панели пользователя (Visitor Panel)?

Находим шаблон sidebar_visitor_panel, в нем ищем строку:

<h2>{xen:phrase signed_in_as_x_sidebar, 'name={xen:helper username, $visitor, 'NoOverlay'}'}</h2>

Заменяем её на:

<h2 class="username">{xen:phrase signed_in_as_x_sidebar, 'name={xen:helper richusername, $visitor}'}</h2>

После обновления страницы получится такой результат:

Теперь никнеймы пользователей на вашем форуме отображаются цветом, Вы знаете как добавлять стили для званий и ников, также более менее представляете, каким образом можно подсветить ники юзеров в тех местах, где это необходимо. Я надеюсь, что статья оказалась для Вас полезна и буду благодарен вашей активности на нашем сайте!

SaNeR

Автор: SaNeR

Автор: SaNeR

Опубликовано: 29.10.2019

311

0
0
+11

Комментарии к статье

2 комментария

Mindelend

30.10.2019, 19:58

#1

Гуууд.

matvey29

4.11.2019, 18:05

#2

Оказывается все проще чем я думал

Информация:

Упс, кажется ты не сможешь оставить свой драгоценный комментарий под этой публикацией. Не спиши покидать страницу, это легко исправить, для этого пройди быструю регистрацию на нашем сайте или войди в уже существующий аккаунт.