Главное меню для Joomla

Цена договорная
  • Выполнено
  • 25 просмотров
  • Создано
  • Задание № 645
Адрес
не указан
Начать
, 21:23
Бюджет
Не знаю, предлагайте ваши цены
Нужно
Имеется такой CSS. /* STYLING THE MENU -----------------------------------*/ /* 1st level */ #ja-cssmenu li a { display: block; text-decoration: none; font-size: 110%; color: #395467; padding: 50px 15px; font-weight: bold; text-transform: uppercase; } #ja-cssmenu li a:hover, #ja-cssmenu li a:active, #ja-cssmenu li a:focus { color: #395467; } #ja-cssmenu li:hover a, #ja-cssmenu li.sfhover a, #ja-cssmenu li.havechildsfhover a, #ja-cssmenu li.havechild-activesfhover a { background: url(../../images/mainnav-active.gif) repeat-x center bottom; color: #FFFFFF; } #ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus { background: url(../../images/mainnav-active.gif) no-repeat center bottom; color: #FFFFFF; } /* 2nd level and above */ #ja-cssmenu li ul { border: 0px solid #395467; background: url(../../images/trans-bg.png); } #ja-cssmenu li ul ul { border: 0px solid #202020; } #ja-cssmenu li ul li { border-bottom: 0px solid #202020; border-right: none; background: none; } #ja-cssmenu li ul a { border-right: none; margin: 0; padding: 7px 10px; background: none !important; text-transform: none; font-weight: normal; font-size: 100%; white-space: nowrap; color: #ff7f00 !important; } #ja-cssmenu li.havesubchild, #ja-cssmenu li.havesubchild-active { background: url(img/arrow-1.gif) no-repeat 95% 50%; } #ja-cssmenu li ul a:hover, #ja-cssmenu li ul a:active, #ja-cssmenu li ul a:focus, #ja-cssmenu ul li:hover, #ja-cssmenu ul li.sfhover, #ja-cssmenu ul li.havesubchildsfhover, #ja-cssmenu ul li.havesubchild-activesfhover, #ja-cssmenu ul ul li:hover, #ja-cssmenu ul ul li.sfhover, #ja-cssmenu ul ul li.havesubchildsfhover, #ja-cssmenu ul ul li.havesubchild-activesfhover { background: #579dd1; color: #FFFFFF !important; } #ja-cssmenu ul li a.active { background: none !important; color: #FFFFFF !important; font-weight: bold !important; } #ja-cssmenu ul li a.active:hover, #ja-cssmenu ul li a.active:active, #ja-cssmenu ul li a.active:focus { color: #FFFFFF !important; } Нужно сделать так, чтобы в обычном режиме каждому пункту соответствовала своя картинка, а при наведении на нее менялась на другую и оставалась такой, обозначая активность данного пункта. За хороший совет или решение отблагодарю.
Заказчик этого задания
Олег В.

Москва

Отзывы: 1
Не нашли ответа на свой вопрос?
Звоните нам: +7 (495) 668 65 33 в Москве и +7 (812) 402 02 33 в Санкт-Петербурге.
Служба поддержки YouDo работает с 9:00 до 23:00 в будни и с 9:00 до 21:00 в выходные дни. Будем рады помочь.
Случайные отзывы