Как оформить главное меню?

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X
#1 15 ноября 2017 в 07:20
Здравствуйте. Как оформить главное меню на сайте, что бы были иконки как вот на этом скриншоте?


Как я понимаю… Нужно прописать в виджете класс CSS, только вот какой и где его взять...

Благодарю.
#3 15 ноября 2017 в 08:22


fontawesome.ru/

Ris

Благодарю...

1.Скопируйте полностью папку font-awesome в папку вашего проекта.

Скопировал:


2. Вставьте нижеследующий код в тег <head> в HTML-код вашего вебсайта.
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

Что то я не до конца, к сожалению понимаю куда именно вставить этот код…
#4 15 ноября 2017 в 10:35
Из того, что Вы скачали

1. скопируйте папку fonts в корень шаблона (в папку templates/вашшаблон)
2. скопируйте файлы из папки css в папку css Вашего шаблона
3. в main.tpl.php Вашего шаблона, там где подключаются другие css-файлы, подключить файл font-awesome.min.css кодом:
  1. <?php $this->addMainCSS("templates/{$this->name}/css/font-awesome.min.css"); ?>
#5 15 ноября 2017 в 10:40


Из того, что Вы скачали

1. скопируйте папку fonts в корень шаблона (в папку templates/вашшаблон)
2. скопируйте файлы из папки css в папку css Вашего шаблона
3. в main.tpl.php Вашего шаблона, там где подключаются другие css-файлы, подключить файл font-awesome.min.css кодом:

DолбаK

А то что я переместил, ранее, удалить?
#6 15 ноября 2017 в 10:41

А то что я переместил, ранее, удалить?

@Aliaksandr
Да
#7 15 ноября 2017 в 10:51
Скопировал все файлы, теперь в в main.tpl.php шаблона, вставить код <?php $this->addMainCSS("templates/{$this->name}/css/font-awesome.min.css"); ?> между строк, верно?
#8 15 ноября 2017 в 10:55
Да.
#9 15 ноября 2017 в 10:58
Сделал, а теперь как иконки добавлять?
#10 15 ноября 2017 в 11:49
fontawesome.io/icons/ — выбираете иконку, нажимаете на нее -> переходите на страницу иконки. Там код:



Вам надо взять то, что выделено на картинке — класс, например, fa fa-superpowers.

В админке открываете редактирование пункта меню и вставляете этот класс:



Сохранить.
#11 15 ноября 2017 в 12:09
DолбаK, Благодарю, всё получилось.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.