Иконки в меню вместо текста

InstantCMS 2.X
#1 25 декабря 2017 в 17:35
Подскажите, а реально ли как то сделать чтоб в главном меню вместо названия выводить иконку? Ну к примеру не Главная, а какое то свое свое изображение… :)
#3 25 декабря 2017 в 21:10

Есть платный шаблон где это реализовано

Sonat
Интересный подход — сменить шаблон ради иконки.

не Главная, а какое то свое свое изображение

@Dmitrii
1. Переходите в редактирование пункта меню
2. Пишете свой класс (любой)
В любом файле css Вашего шаблона добавляете стили для этого класса, например так:
  1. .home a{
  2. background-image:url('../images/icons/home.png') no-repeat center center;
  3. background-size:contain;
  4. display:block;
  5. height:36px;
  6. width:36px;
  7. }
  8. .home a span{
  9. display:none;
  10. }
Ну и конечно, это всё приблизительно (размеры и т.д.). Ну и также у Вас в папке teaplates/шаблон/images/icons должна лежать иконка home.png.
#4 25 декабря 2017 в 22:08

Подскажите, а реально ли как то сделать чтоб в главном меню вместо названия выводить иконку?

@Dmitrii
реально!

В любом файле css Вашего шаблона добавляете стили для этого класса, например так:

шэльдэ бердэ бельдэ
.png — не наш метод)))

А кроме добавления иконок на прямую. Можно взять иконочный шрифт и скопипастить понравившиеся символы вместо названий пунктов меню. И не забыть в стилях прописать этот шрифт для этого меню. Но вообще вариантов море…
#5 25 декабря 2017 в 22:32

.png — не наш

Val
Ну, речь шла про

изображение

@Dmitrii
Хотя да, иконочные шрифты мне больше нравятся.
#6 25 декабря 2017 в 22:43

Интересный подход — сменить шаблон ради иконки.

шэльдэ бердэ бельдэ
Просто демонстрация реальности crazy
Плюс ссылки где есть решение.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.