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

[koloskov]

miyako (11 Июнь 2013 - 15:20) писал:

Оставьте пожалуйста изменения на сайте. Иначе сложно найти ошибку.

cделал Вашим вариантом. Точность позиционирования я наверное сам справлюсь. Хотелось бы, чтобы она замерцала. Т.е. она когда щелкаешь - цвет меняет, а нужно чтобы меняла цвет, когда мышкой наводишь!

[Stasya]

Вам необходимо загрузить картинку для поиска другого цвета. Затем в файл main.css добавить блок

#search .submit:hover {
	cursor: pointer;
	height: 27px;
	 width: 27px;
	background: url("{ASSETS_IMAGES_PATH} название картинки") no-repeat left top;
};
	}

Название картинки- то имя картинки с которым Вы ее загрузили к себе на сайт

[miyako]

koloskov (11 Июнь 2013 - 15:24) писал:

cделал Вашим вариантом. Точность позиционирования я наверное сам справлюсь. Хотелось бы, чтобы она замерцала

Найдите код в шаблоне HTML:

<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" />

и замените на:

<input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" onMouseOver="this.src='{ASSETS_IMAGES_PATH}название изображения_1.формат'" onMouseOut="this.src='{ASSETS_IMAGES_PATH}название изображения_2.формат'" />

При этом нужно загрузить в раздел Сайт-Редактор шаблонов два изображения и изменить код -
название изображения_1.формат - изображение при наведении
название изображения_2.формат - изображение не при наведении

[koloskov]

В итоге (так показалось проще всего и мне понятно) сделал как по-рекомедовала Stasya (выделил красным добавление к штатному коду) :

#search .submit {
  cursor: pointer;
  height: 26px;
  width: 26px;
  background:url("{ASSETS_IMAGES_PATH}lupa-button1.png") no-repeat left top;
}
#search .submit:hover {
  cursor: pointer;
  height: 26px;
  width: 26px;
  background: url("{ASSETS_IMAGES_PATH}lupa-button2.png") no-repeat left top;
}

Вроде все работает. Всем спасибо!