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

Рейтинг:  1 / 5

Звезда активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна
 

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


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


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


Для того чтобы создать картинку и текст включить заголовок и создать 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.

получилось 

Вот так!


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

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


Защитный код
Обновить