Не могу понять механизм формирования иконок в админке

SeBun 25.04.2014 шаблоны, стили, вёрстка, админка Шаблоны (TPL), Стили (CSS) 4150

вопрос

Не могу понять механизм формирования иконок в админке

В одном из моих модулей используется меню наподобие этого. С выходом версии 10.2 изменился внешний вид админки и я хочу подогнать дизайн своего модуля под дизайн админки. Но не могу понять, где находятся эти иконки и как они формируются (не силен в html5). Подскажите пожалуйста правильный механизм формирования иконок, да и всего блока. Где можно почитать об оформлении модуля в 10.2?

Ответил: Mofsy

Они находятся в CSS3 :D
Вы можете использовать все иконки которые доступны по адресу http://fontawesome.io/icons/
Там же написано как их вставлять.

3 комментария

Юзер

SeBun - 2015-04-1425 апреля 2014 16:03 - #27584

Спасибо за ответ! Но можно пример? В DLE 10.2 для отрисовки иконки используется такая конструкция:

<i class="icon-filter"></i>

сам код в engine/skins/stylesheets/application.css, который подключается в админке. Я так понимаю, там описаны все иконки с сайта в конструкции

.icon-angle-left:before { content: "\f104"; }

Эксперт

185

Mofsy - 2015-04-1425 апреля 2014 18:13 - #27591

icon-filter

Это название иконки. По ссылке http://fontawesome.io/icons/ описана подробная вставка всех иконок которые имеются. Свои добавить невозможно.
На месте

<i class="icon-filter"></i>

появится нужная иконка.
Как еще подробнее - я не знаю.

Единственно что, в DLE старая версия стоит. Поэтому http://fontawesome.io/3.2.1/icons/ актуальные иконки для DLE.

Юзер

SeBun - 2015-04-1425 апреля 2014 18:21 - #27592

Вот это я и хотел выяснить - возможность добавления своих. Спасибо за ответы, теперь разобрался! Поскольку у меня иконки являются уникальными, самым простым вариантом будет продублировать настройки класса и выводить иконку через ставший привычным url("..") или IMG.

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?