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

 
Посетитель
small user social cms
Медаль
Сообщений: 889
Здравствуйте. Как оформить главное меню на сайте, что бы были иконки как вот на этом скриншоте?
Как оформить главное меню?

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

Благодарю.
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатийПочетный донор проекта
Сообщений: 2644
http://fontawesome.ru/
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 889

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

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

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

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

Что то я не до конца, к сожалению понимаю куда именно вставить этот код...
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
Из того, что Вы скачали

1. скопируйте папку fonts в корень шаблона (в папку templates/вашшаблон)
2. скопируйте файлы из папки css в папку css Вашего шаблона
3. в main.tpl.php Вашего шаблона, там где подключаются другие css-файлы, подключить файл font-awesome.min.css кодом:
Код PHP:
  1. <?php $this->addMainCSS("templates/{$this->name}/css/font-awesome.min.css"); ?>
Редактировалось: 1 раз (Последний: 15 ноября 2017 в 10:35)
Посетитель
small user social cms
Медаль
Сообщений: 889
DолбаK:

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

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

А то что я переместил, ранее, удалить?
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
@Aliaksandr:
А то что я переместил, ранее, удалить?
Да
Посетитель
small user social cms
Медаль
Сообщений: 889
Скопировал все файлы, теперь в в main.tpl.php шаблона, вставить код <?php $this->addMainCSS("templates/{$this->name}/css/font-awesome.min.css"); ?> между строк, верно?
Как оформить главное меню?
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
Да.
Посетитель
small user social cms
Медаль
Сообщений: 889
Сделал, а теперь как иконки добавлять?
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
http://fontawesome.io/icons/ - выбираете иконку, нажимаете на нее -> переходите на страницу иконки. Там код:

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

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

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

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

Сохранить.
Редактировалось: 1 раз (Последний: 15 ноября 2017 в 11:50)
Посетитель
small user social cms
Медаль
Сообщений: 889
DолбаK, Благодарю, всё получилось.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: