Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 2155 Просмотров
*

joha

  • Новичок
  • 8
  • 0 / 0
Изображение для меню + hover
« : 10.04.2013, 20:03:28 »
Товарищи, всем доброго.
Проблема следующая. Есть шаблон, через админку Joomla сделано меню из n пунктов. Каждый пункт меню - отдельное изображение, разгруженное и выбранное с помощью той же админки ("Параметры отображения ссылки -> Изображение ссылки"). Работает все замечательно, изображение показывается. Однако теперь проблема следующая - как сделать стандартную замену изображения при наведении курсора (hover)? Можно ли это сделать с помощью суффикса класса? Пробовали создавать .moduletable_class1 с соотв. параметрами на ховер и смену изображения и затем прописывать суффикс класса соответствующему пункту меню, но не работает.
Как сделать смену изображения при наведении у сделанного с помощью админки меню?

Заранее огромнейшее спасибо.
*

art-apple

  • Захожу иногда
  • 386
  • 61 / 2
Re: Изображение для меню + hover
« Ответ #1 : 11.04.2013, 09:00:11 »
либо c помощью js подменять картинки либо удалить картинки в пунктах меню, добавить классы каждому пункту и в CSS уже бекграундом задавать картинки к пунктам, второй способ лучше.
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Изображение для меню + hover
« Ответ #2 : 11.04.2013, 09:12:29 »
Можно сделать спрайт из изображений, а по ховеру просто позиционировать их. Шаблон поправить, чтоб загружаемая картинка бекграундом была.
Создание сайтов, шаблонов, помощь в решении проблем.
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Изображение для меню + hover
« Ответ #3 : 11.04.2013, 09:58:46 »
ну как-то так можно попробовать

Код
.itemNN:hover img{display:none;}
.itemNN:hover {background:"HERE PATH FOR YOUR IMG"; width:XXX; height:XXX;}

как там у вас все расположено я не знаю. смысл такой - при наведении на ссылку даем ей фоном свою картинку и прячем установленную
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Изображение для меню + hover
« Ответ #4 : 11.04.2013, 10:03:47 »
Это чревато паузой при загрузке изображения по ховеру. Спрайт обязателен.
Создание сайтов, шаблонов, помощь в решении проблем.
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Изображение для меню + hover
« Ответ #5 : 11.04.2013, 10:13:15 »
Код: css
.itemNN {background:"HERE PATH FOR YOUR IMG -100500 -100500 no-repeat"; width:XXX; height:XXX;}
.itemNN:hover {background:"HERE PATH FOR YOUR IMG"; width:XXX; height:XXX;}
Так не будет задержки, если лень в спрайт собирать. Вариант два: data:uri внедрить. css-ка уже загружена будет.
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Изображение для меню + hover
« Ответ #6 : 11.04.2013, 10:18:10 »
да можно и спрайтом. родительскому LI задать высоту/ширину нужную и оверфлоу хидден. а по ховеру поднять имдж на нужную высоту вверх

P.S. и прав женя если data:uri, то и задержки не будет
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

joha

  • Новичок
  • 8
  • 0 / 0
Re: Изображение для меню + hover
« Ответ #7 : 15.04.2013, 10:07:44 »
Господа, всем спасибо за ответы :)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как добавить свое изображение в папку images/banner?

Автор RaIsaA

Ответов: 2
Просмотров: 1194
Последний ответ 28.11.2021, 15:54:20
от SeBun
Алиас пункта меню совпадает с именем подкаталога в каталоге с сист.файлами

Автор Andrey N.

Ответов: 14
Просмотров: 3994
Последний ответ 07.10.2021, 23:57:15
от Garrr
Главное меню

Автор Анастасия87

Ответов: 7
Просмотров: 1928
Последний ответ 21.05.2021, 08:40:40
от arma
Как вернуть фоновое изображение сайта?

Автор Camell

Ответов: 1
Просмотров: 1346
Последний ответ 03.03.2020, 15:57:20
от Sgrey
Как сократить вертикальное расстояние между меню сайта и баннером?

Автор MultiMatrix83

Ответов: 2
Просмотров: 1605
Последний ответ 16.02.2020, 19:30:25
от MultiMatrix83