XenForo 2 Заменяем стандартные иконки форумов на свои

ADMIN

Новичок
Регистрация
18.07.2018
Сообщения
3 221
Баллы
180
Заменяем стандартные иконки форумов на свои

В шаблон extra.less добавляем:
Код:
.node--forum.node--id2.node--read .node-icon i:before
{content: "\f179";
color:silver
}
.node--forum.node--id2.node--unread .node-icon i:before
{content: "\f179";
color:green
}
На примере заменены иконки для форума с ID3. Цвета для прочитанных и непрочитанных иконок уже подберёте сами, ну и так же не забудьте заменить ID на свои.
Можно вставить картинку вместо Font Awesome.

Скрываем иконки:
Код:
.node-icon i { display: none;
}
Свои вставляем таким образом:

Код:
.node--forum.node--id2.node--read .node-icon
{background-image: url(http://icons.iconarchive.com/icons/itzikgur/my-seven/32/Girls-Blue-Dress-icon.png);
}
или
Код:
.node--forum.node--id2.node--read .node-icon
{ background-image: url('http://icons.iconarchive.com/icons/itzikgur/my-seven/32/Girls-Blue-Dress-icon.png'); background-repeat: no-repeat; background-position: 10px;
}
 
Верх