• Хочешь проходить курсы и зарабатывать на этом?

    Уникальное предложение для заработка организаторам!

    Вступай в совместное прохождение курсов, и получай их практически даром!

    Узнать подробнее
  • Открыт набор редакторов!

    получи безграничный доступ к нашим файлам, скриптам и инфокурсам БЕСПЛАТНО!!!

     

    Подробнее

Скачать Iconify integration 0.0.3

FishR

Команда форума
Модератор
Регистрация
20.10.16
Сообщения
679
Решения
2
Реакции
380
Пол
  1. Мужской
Это дополнение для дизайнеров стилей и разработчиков дополнений.

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

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

Чтобы добавить иконку в шаблон, нет ничего сложного. Все, что вам нужно сделать, это написать Iconify заполнитель кода, как это:
HTML:
<iconify-icon data-icon = "mdi: home"> </ iconify-icon>
или же
HTML:
<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
Скрытое содержимое. Вам нужно войти или зарегистрироваться.
 

Вложения

  • 1.png
    1.png
    268,3 KB · Просмотры: 0
  • 2.png
    2.png
    254,4 KB · Просмотры: 1
  • 3.png
    3.png
    240,4 KB · Просмотры: 0
  • 4.png
    4.png
    219 KB · Просмотры: 0
  • 5.png
    5.png
    253,7 KB · Просмотры: 0

Правообладателям

Все материалы размещенные на нашем ресурсе, принадлежат их авторам. Все материалы представлены здесь, только для ознакомления.

  • ДИСКЛЕЙМЕР
  • О НАС

    На нашем форуме Вы можете скачать самые свежие и популярные скрипты, модули, стили, шаблоны, плагины, СЕО-скрипты, СЕО-софт, курсы по созданию и раскрутке сайтов, курсы по бизнесу, курсы, книги, тренинги и вебинары, по самым разным направлениям бесплатно!

    Сверху Снизу