font awesome в пунктах м...

[waterfly]

Ломаю голову как прикрепить иконки font awesome к пунктам меню. Может у кого есть наработки?

[Sky-R]

Под WP вот точно были плагины специальные, можно было выбрать иконку для каждого отдельного пункта меню. Возможно. есть что-то подобное и для Joomla.
Ну а вообще можно с помощью CSS вставить эти иконки, используя псевдокласс :before, но это уже не особо гибкое решение.

[waterfly]

Sky-R, спасибо. А на сколько для awesome обязателен тег <i></i> ?

[Sky-R]

Ну если вставлять иконку просто так, то без него не обойтись, разумеется. Так уж задумано.
Но через псевдокласс :before это сделать можно и не вставляя тег <i> в код.

Код:

li.category:before {
	content: "\f115";
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	line-height: 1;

Вот здесь элементу списка li с классом "category" мы указываем, что перед ним должна отображаться иконка папки. В свойстве "content" f115 - это Юникод иконки. У каждой он свой и посмотреть его можно на официальном сайте - fontawesome.io

[waterfly]

тааак, в меню же есть поле класс для пункта меню. сейчас затестим...

[waterfly]

Все оказалось очень банально. Через пункты меню прописываем стиль с иконкой к ссылкам меню. И.... иконки awesome у вас на сайте. Спасибо.