Добавление картинки к пункту меню (Joomla 3.x)

Добавить картинку к меню сайту

чтобы была картинка вместо текста просто добавляйте изображение через стандартную функцию с выключенным заголовком.

получиться вот так

Для того чтобы создать картинку и текст включить заголовок и создать CSS класс чтобы указать отступ картинки от текста. 

Для этого открываем файл templates.css и добавляем в конец строчку

.home-menu-1 img {

padding :0 5px 0 0;

}

.home-menu-1 img это CSS класс ссылки 

padding :0 5px 0 0; это отступ в пикселях

заходим в свойство пункта меню

Указываем CSS класс ссылки  и  картинку

создать заголовок нажимаем да

на данном примере я использовал картинку в формате JPG.

получилось желаемое, но белый квадрат немного напрягает.

белый квадрат я сделал прозрачным чтоб он не выделялся и сохранил в формате PNG.

получилось 

Вот так!

На этом все...