иконки вместо названия поля

InstantCMS 2.X
#1 19 ноября 2019 в 14:25
Всем привет. Интересует возможность вместо названия поля устанавливать иконки.
Примерно как в VK в группах. Контактная информация (адрес, телефон, ссылка на сайт).
Сейчас в поле можно указывать название поле словом, словом оно и выводится. А нужно иконкой. Пример скрина приложил.
Версия 2.8.2 шаблон boxed.
Кто нибудь реализовывал такой вариант?
Прикрепленный файл
k_f12h4.png 5 Кб
#2 19 ноября 2019 в 14:34

Кто нибудь реализовывал такой вариант?

@Dmitrii
Да реализовал для одного проекта, с помощью хука, так что при обновлении нечего не вылетит.
Только там не иконка в место заголовка, а иконка и заголовок prntscr.com/pz0r2c
В админке, в настройках поля prntscr.com/pz0rkg
#3 19 ноября 2019 в 14:40


Кто нибудь реализовывал такой вариант?

@Dmitrii
Да реализовал для одного проекта, с помощью хука, так что при обновлении нечего не вылетит.
Только там не иконка в место заголовка, а иконка и заголовок prntscr.com/pz0r2c
В админке, в настройках поля prntscr.com/pz0rkg

Evanescence

Интересует. Как с Вами связаться? Я пробовал через почту — не вышло.
#4 19 ноября 2019 в 14:44
@Dmitrii, почему? письмо не отправляется? my-instantcms@mail.ru
#5 19 ноября 2019 в 15:01


@Dmitrii, почему? письмо не отправляется? my-instantcms@mail.ru

Evanescence

Написал вам на почту. До этого писал пару недель назад по шаблону boxed, ответа не получил.
#6 19 ноября 2019 в 15:19
@Dmitrii, Сейчас получил, до этого не получал вроде
#7 19 ноября 2019 в 17:33

возможность вместо названия поля устанавливать иконки.

@Dmitrii
Я делал так:
— Название поля не показывать на странице контента.
— Для полей типа телефон, мыло, адрес — делал через css :before, можно и через background-image.
#8 20 ноября 2019 в 08:17


возможность вместо названия поля устанавливать иконки.

@Dmitrii
Я делал так:
— Название поля не показывать на странице контента.
— Для полей типа телефон, мыло, адрес — делал через css :before, можно и через background-image.

alkokrolik

А как и куда вы размещали сами иконки и прописывали код css?
#9 20 ноября 2019 в 10:49
@Dmitrii, Иконки можно куда угодно. У меня были не картинки, а эмоджи.
  1. .value:before {content: '📞 ';}
Посмотрите как в чистой версии сделаны пункты менюшек, theme-gui.css:
  1. .icon-accept, .menu .lock .item { background-image: url("../images/icons/lock.png"); }
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.