Resource icon

Plugin Iconify integration 0.0.3

No permission to download
Iconify integration

Это дополнение для дизайнеров стилей и разработчиков дополнений.

ZTySjVa.png


Важно: это дополнение еще не готово к использованию в продакшене. Это ранняя версия, которая может (и, вероятно, содержит) ошибки. Он был разработан для XenForo 2.1, хотя он должен работать и с XenForo 2.0.

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

Чтобы добавить иконку в шаблон, нет ничего сложного. Все, что вам нужно сделать, это написать Iconify заполнитель кода, как это:
Code:
<iconify-icon data-icon = "mdi: home"></ iconify-icon>
или же
Code:
<span class = "iconify" data-icon = "mdi: home"></ span>

-> Документация.

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



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

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

Чтобы добавить значок, вам нужно использовать тег шаблона «icon» или «inlineicon» XenForo:
Code:
<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 тега:
Code:
xf:iconbox
xf:iconboxrow
  • Like
Reactions: asterix1
Author
basix
Downloads
0
Views
101
First release
Last update
Rating
0.00 star(s) 0 ratings
Back
Top