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

Перед вами очередная статейка из серии статей по Joomla. Здесь я поведаю Вам о том, как добавить изображение к каждому пункту меню сайта на движках (Joomla 1.6, 1.7, 2.5). Данный процесс аналогичен для всех вышеперечисленных версий.

Не буду объяснять для чего это нужно и нужно ли вообще, а просто покажу результат того как можно приукрасить свое меню:

Menu 

Итак, приступим к добавлению изображения для меню сайта. Первое что нужно сделать - это создать меню и найти(создать) подходящие иконки размером 16х16  или больше (я использую 16х16, но также неплохо смотрятся и 24х24).

После того как Вы создали или нашли нужные изображения (иконки), необходимо загрузить их на сервер с помощью Медиа-менеджера. Заходим через админ-панель в Материалы -> Медиа-менеджер и загружаем свои изображения.

Теперь, когда Вы загрузили все свои изображения, начнем добавлять их непосредственно к каждому пункту меню сайта. Заходим в меню, к которому нужно добавить изображение (иконку). В правой стороне находятся различные настройки отображения меню, нам же нужна вкладка Параметры отображения ссылки и в ней пункт Изображение ссылки, в котором с помощью кнопки, Выбрать находим и выбираем ранее загруженные изображения.

 Настройки меню Joomla

Есть еще один момент, если Вы хотите что бы отображалась картинка (иконка) без текста, то необходимо в пункте Создать заголовок выбрать пункт Нет.

Вот собственно и всё, как Вы видите процесс абсолютно не сложный. Спасибо за внимание.


Комментарии   

 
-5 # kalinka12 02.05.2012 18:27
Мне очень понравился ваш пост и я хотела бы его разместить на своем сайте. Естественно ссылка на ваш сайт будет присутствовать. Надеюсь вы не будите против?
 
 
0 # Администратор2 02.05.2012 19:09
Конечно размещайте, только ссылка должна быть dofollow. И дайте ссылку размещенного материала.
 
 
+1 # Устим 03.06.2012 16:25
Как сделать, чтобы выравние текста было по центру иконки, а не по низу?
Спасибо.
 
 
0 # Администратор2 04.06.2012 23:01
Здравствуйте Устим! Для начала мне нужно знать как выглядит Ваше меню и какой используете шаблон. Вашу проблему можно исправить с помощью редактирования кода CSS, либо поменяв суффикс отображения меню.
 
 
+1 # irika09 18.11.2012 19:10
Здраствуйте. У меня не получается загрузить картинку на сайт Joomla 2.5, вот что выдает

Внимание! Не удалось переместить файл!
Не удается загрузить файл.

, так же не удается создать новую папку куда закидывать все картинки
 
 
0 # Администратор2 18.11.2012 20:34
Убедитесь в правильности прописанных путей к папкам logs и tmp. Также проверьте права на папки.
 
 
+1 # Юлия 23.03.2013 20:54
все сделал как написано в статье, ни к одному пункту меню иконка не добавилась. В чем может быть проблема?
 
 
0 # Тима 02.04.2013 12:05
А можно ли какую то одну картинку сделать пунктом меню?
 
 
0 # Администратор2 02.04.2013 19:13
Тима, если я не ошибаюсь, то Вы просто не дочитали статью, в ней описано как это можно сделать, обратите внимание на пункт "Создать заголовок".
 
 
0 # Татьяна_ 30.06.2013 23:37
Спасибо за полезную информацию, я этого не знала.
 
 
0 # Дмитрий 28.09.2013 21:48
Даже если пункт "Создать заголовок" отключён - в Опере наименование видно! И через таблицу стилей не убирается, хоть там и ставлю размер шрифта равное нулю! Во как! И что делать не знаю... :sad:
 
 
0 # Digor 04.01.2014 21:18
Доброй ночи!

А как можно добавить альтернативный текст (alt="***") для иконки? Не у всех пользователей может отображаться иконка (зависит от настроек браузера).
 
 
0 # Arsen 18.01.2014 19:38
+5 за такой простой способ !!! и ОГРОМНОЕ СПАСИБО за экономию времени (а ту долго думал как это реолезовать )!!!
 
 
-1 # aslan 16.07.2014 08:08
Стоит учесть что данная фишка скорее всего работает со стандартным модулем вывода меню - с другими будет конфликтовать или вообще не выводить картинки. Я использую Rocknavmenu модуль - ноль эмоций на установку картинки.
Прийдется каждому пункту назначать суффикс css и добавлять через стили
 
 
+1 # Евгений25 25.11.2014 21:15
День добрый, вот есть меню, сделать в нем выпадающие другие пункты меню не проблема, а вот как сделать так, чтобы при наводке курсора мыши на пункт меню выпадала картинка? Я уже запарился, никак не могу вьехать, пробовал кучу всего стандартным способом, вроде как оно, но не оно... может подскажете? Спасибо!!
 
 
0 # Евгений25 26.11.2014 12:35
Все, я уже разобрался!!! Мне помогло знание английского языка, посмотрел на английском сайте....
 

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


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

Автор :

Инфо

Информативно о компьютерных технологиях. Различные материалы относительно компьютерного железа, софта (программ) и сетевых технологий. При полном или частичном копировании информации - прямая ссылка на сайт (We-it.net) обязательна.