Jump to content

Иконки

В IPS4 используется иконочный шрифт, называемый FontAwesome. Он позволяет отображать доступные иконки, не требующие дополнительного HTTP запроса и которые можно стилизовать с помощью CSS (и наследуют стили автоматически), а также их можно масштабировать без потери качества.

Использование

Иконка может быть включена в разметку с помощью использования следующего кода:

<i class='fa fa-название_иконка'></i>

Список доступных иконок с их названиями доступен на сайте http://fontawesome.io/icons/. Обратите внимание, что эти названия не начинаются с префикса ips, как и другие классы фреймворка; они используются с оригинальными названиями, как на сайте FontAwesome.

Иконки могут быть использованы везде, где можно использовать HTML код. Например, в тексте, на кнопке, в меню и так далее.

 

Постоянность иконок

Важно понимать, что иконка используется постоянно на всё сайте. Это относится и к основным разработчикам, а также к разработчикам приложений. Если различные иконки используются для одинаковых целей (что ещё хуже - иконка используется для других целей, чем должна), пользователи будут путаться программным обеспечением. 

Для упрощения понимая, есть список иконок, которые предназначены для выполнения определённых действий в системе. Проверьте этот список на наличие иконки, которую вы хотели выбрать для себя, и, если она уже есть, выберите другую иконку. Названия иконок FontAwesome упоминается в оригинале, то есть без префикса fa-

Добавить

  • plus-circle
  • plus

Удалить

  • times-circle
  • trash-o

Изменить

  • pencil

Вернуть

  • undo

Перейти куда-либо

  • arrow-right

Открыть внешнюю ссылку

  • external-link

Подтвердить Да/Нет

  • check
  • times

Разрешения

  • lock
  • unlock

Авторизация/Войти

  • key

Копировать

  • copy

Настройки

  • cog

Отметка ВКЛ/ВЫКЛ

  • flag
  • flag-o

Рейтинг Активный/Неактивный

  • star
  • star-o

Разработчик/Приложение

  • cogs

Помощь

  • question-circle

Объединить

  • level-up

Код/PHP/HTML

  • code

Сообщение/Написать письмо

  • envelope-o

Поиск

  • search

Просмотр

  • search

Перезагрузить/Обновить

  • refresh

Выполнить/Начать

  • play-circle

Визуальный редактор/Простой режим

  • magic