Сообщений в теме: 3

[nikon]

Есть прозрачные кринки для кнопок,  их две, при наведении на такую кнопку будет изменяется цвет с помощью другой картинке. Как заменить их на место старых кнопок в меню.

По такому варианту у нас построен логотип. при наведении он меняется цветом.

Прикрепленные изображения

• 

[Danil]

nikon (01 Июнь 2016 - 13:03) писал:

Есть прозрачные кринки для кнопок,  их две, при наведении на такую кнопку будет изменяется цвет с помощью другой картинке. Как заменить их на место старых кнопок в меню.

По такому варианту у нас построен логотип. при наведении он меняется цветом.

Здравствуйте.
В конец main.css добавьте

#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 6px;
background: url('{ASSETS_IMAGES_PATH}НАЗВАНИЕ ФОНОВОГО ИЗОБРАЖЕНИЯ');
color: #FFF;
}

текст "НАЗВАНИЕ ФОНОВОГО ИЗОБРАЖЕНИЯ" замените на соответствующий элемент.

[nikon]

Danil (01 Июнь 2016 - 13:27) писал:

Здравствуйте.
В конец main.css добавьте

#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 6px;
background: url('{ASSETS_IMAGES_PATH}НАЗВАНИЕ ФОНОВОГО ИЗОБРАЖЕНИЯ');
color: #FFF;
}

текст "НАЗВАНИЕ ФОНОВОГО ИЗОБРАЖЕНИЯ" замените на соответствующий элемент.

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

[Danil]

nikon (01 Июнь 2016 - 14:46) писал:

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

В таком случае используйте конструкцию:

#panelsite div.centercol .menuheader ul li:nth-child(1) a {
	background: url('{ASSETS_IMAGES_PATH}Название изображения');
}
#panelsite div.centercol .menuheader ul li:nth-child(1) a:hover {
	background: url('{ASSETS_IMAGES_PATH}Название изображения при наведении');
}

данный код предназначен только для первого пункта меню, для второго замените цифру 1 на 2 и т.д.