Иконка ресурса

Iconify integration 0.0.3b

Нет прав для скачивания
Русификатор
ru-RU
Плагин добавляет поддержку Iconify, предлагая более 30 000 иконок на выбор. Иконки могут использоваться для значков узлов, навигации или всего, что может придумать автор надстройки или стиля (требуется создание надстройки, которая зависит от этой надстройки). Авторы больше не ограничены использованием иконок FontAwesome.

Дополнение для плагина

Чтобы добавить иконку в шаблон, нет ничего сложного. Все, что вам нужно сделать, это написать Iconify заполнитель кода, как это:

<iconify-icon data-icon = "mdi: home"> </ iconify-icon>
или же
<span class = "iconify" data-icon = "mdi: home"> </ span>

Размеры иконок можно изменить с помощью изменения размера шрифта или добавив атрибуты data-width / data-height

Как использовать иконки в шаблонах

После того, как вы создали новое свойство стиля или настройку. Важно: значки не предназначены для CSS, их следует использовать только в шаблонах HTML.

Чтобы добавить значок, вам нужно использовать тег шаблона «icon» или «inlineicon» XenForo:

Код:Скопировать в буфер обмена

<xf:icon value="{$xf.options.text_test_option}" />

<xf:inlineicon value="{$xf.options.text_test_option}" />

<xf:icon value="{{ property('iconify_required_prop') }}" />

<xf:inlineicon value="{{ property('iconify_required_prop') }}" /><br />

В чем разница между «icon» и «inlineicon»? Тег «icon» ведет себя как изображение, поэтому он предназначен для оформления. «inlineicon» ведет себя как текст, поэтому он предназначен для использования внутри текста.


Создание пользовательских переменных

Что если вы хотите создать пользовательскую переменную вместо настройки или свойства стиля? Вы тоже можете это сделать.

Это дополнение добавляет еще 2 тега:
Код:Скопировать в буфер обмена
xf:iconbox
xf:iconboxrow
  • 268,3 KB Просмотры: 47
  • 254,4 KB Просмотры: 51
  • 240,4 KB Просмотры: 58
  • 219 KB Просмотры: 49
  • 253,7 KB Просмотры: 50
Автор
leunch4off
Скачивания
0
Первый выпуск
Обновление
Оценка
0,00 звёзд 0 оценок

Другие ресурсы пользователя leunch4off

Mobile app for XenForo 2 by Appify
Сверху