Поиск сообщества
Показаны результаты для тегов 'иконки'.
Найдено: 6 результатов
-
-
Русский язык для Awesome Forum Icons Просмотр файла Русский язык для приложения Awesome Forum Icons Добавил Кирилл Добавлено 18.03.2021 Категория Локализация
-
Вы можете заменить стандартные иконки 'comments' форумов на любые другие из набора Font Awesome. В настройках каждого форума появится дополнительное поле для ввода иконки. -
Вы можете заменить стандартные иконки 'comments' форумов на любые другие из набора Font Awesome. В настройках каждого форума появится дополнительное поле для ввода иконки. Просмотр полной приложение
-
В 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
-
В Invision Community 4 с лёгкостью можно добавить иконку к каждому форуму в его настройках в админ-центре. Однако, если вы хотите иметь собственные иконки для каждого форума, загружать их для каждого форума довольно трудоёмкое действие. Давайте разберёмся как это сделать легко и просто с помощью CSS. Сперва нужно загрузить необходимую иконку в Ресурсы вашей темы, чтобы можно мы смогли обращаться к ней в CSS. Мы разберём возможность указать одну и ту же иконку для разных статусов форумов (прочитан/не прочитан), а так же указать свою иконку для каждого из статусов. Начнём с первого случая: Одинаковая иконка для всех форумов Приведём CSS код для установки иконки для всех форумов сразу: /* Указываем иконку из ресурсов темы */ body[data-pageapp="forums"] .cForumRow .ipsItemStatus.ipsItemStatus_large { width: 50px; height: 50px; border-radius: 0; background-color: transparent; background-image: url('{resource="forumicon.png" app="core" location="front"}'); background-size: 50px 50px; } /* Убираем стандартную иконку fonawesome */ body[data-pageapp="forums"] .cForumRow .ipsItemStatus.ipsItemStatus_large > i { display: none; } Как видно из CSS кода, мы указали селектор body[data-pageapp="forums"], определяющий, что иконки будут изменены только у приложения форумов. В рамках этого css стиля мы применили ограничение размера нашей иконки в 50px на 50px, которые вы можете изменить на свои. Далее мы обнуляем значение border-radius и указываем прозрачный фон. Используем другую иконку у форумов со статусов 'Прочитано' По умолчанию к иконке будет применён эффект затухания (прозрачности), если отметить форум прочитанным, однако можно в этом случае использовать другую иконку: body[data-pageapp="forums"] .cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read { background-image: url('{resource="forumicon_transp.png" app="core" location="front"}'); } Здесь мы добавили в селектор класс .ipsItemStatus_read, который появляется у прочитанных форумов. В стиле мы указываем только иконку, остальные параметры мы уже переопределили выше. Различные иконки для форумов с перенаправлением и форумов для вопросов Если вы хотите добавить иконку для форумов с перенаправлением или форумов, предназначенных для вопросов, вы можете использовать в селекторе уникальные классы - .cForumIcon_redirect и .cForumIcon_answers. Таким образом, чтобы добавить иконку для форумов, предназначенных для вопросов, вы должны добавить класс, например: body[data-pageapp="forums"] .cForumRow .cForumIcon_answers.ipsItemStatus.ipsItemStatus_large { background-image: url('{resource="questionicon.png" app="core" location="front"}'); }
