[X] Помощник

[Art_sf Topic Starter]

Здравствуйте. как сделать такую кнопку как здесь http://www.termospray.ru/ ? те которые под слайдером - Термоизоляция и Гидроизоляция. Основная сложность это сделать перекрашивание кнопки в серый цвет при наведении. Заранее спасибо!

[DeHuC_64]

[member=Audir853], стащить у сайта в копии можно такие кнопки ))) думаю должно получиться. :)

[BLIK]

Попробуйте, код кнопки сгенирите с картинками думаю додумаетесь http://dbmast.ru/files/buttonmaker/index.html
Это один из вариантов, кнопки с градиентом.

[kamchatniyoleg]

.class_button {
    background: #e0e0e0e;
}
.class_button:hover {
    background: #000;
}

вот вам пример

[Art_sf Topic Starter]

куда это вставлять? если я хочу реализовать это с помощью html, вставить кнопку-зеленый прямоугольник, как потом сделать перекрашивание при наведении?

[kamchatniyoleg]

делаем кнопку : 

<input type="button" value="PRESS ME" class="class_button">

В CSS вставляем код который я дал выше, ну и цвета просто поменяйте в CSS!

[DeHuC_64]

Парам пам пам! у меня получилось вот так  демо сообщите мне пожалуйста как поглядите демо, я удалю его, прикрепляю файл странице демо, в нём стили и разметка, ссылки замените на свои предварительно загрузив изображения, проверьте может будет работать
Демо удалил все стили и разметка в прикреплённом файле...

Сообщение отредактировал DeHuC_64 - 11.11.2014, 23:13

Прикрепленные файлы

 knopka.html ( 2,96 килобайт ) Кол-во скачиваний: 168

 

[Art_sf Topic Starter]

спасибо большое!!!