Перейти к содержимому

Реферальная программа Мегаплана


Помогите сделать кнопку на сайте

#1 Audir853

Audir853
  • Пользователь
  • 174 сообщений
  • Репутация: 0
0

Отправлено 11 Ноябрь 2014 - 15:29

Безопасная сделка через гаранта Masterwebs.ru >>>

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


 

 

  • 0

#2 DeHuC_64

DeHuC_64
  • Пользователь
  • 459 сообщений
  • Репутация: 41

Отправлено 11 Ноябрь 2014 - 15:35

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


  • 0

#3 BLIK

BLIK
  • Супермодератор
  • 3 196 сообщений
  • Репутация: 634

Отправлено 11 Ноябрь 2014 - 15:35

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

Это один из вариантов, кнопки с градиентом.


  • 0


#4 kamchatniyoleg

kamchatniyoleg
  • Пользователь PRO
  • 1 178 сообщений
  • Репутация: 84

Отправлено 11 Ноябрь 2014 - 15:37

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

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


  • 0
Сервис электронного информирования клиентов PostTrail.ru
Отслеживание посылок Почты России в автоматическом режиме! Лояльность клиента - прибыль магазина!


#5 Audir853

Audir853
    Topic Starter
  • Пользователь
  • 174 сообщений
  • Репутация: 0

Отправлено 11 Ноябрь 2014 - 15:48

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


  • 0

#6 kamchatniyoleg

kamchatniyoleg
  • Пользователь PRO
  • 1 178 сообщений
  • Репутация: 84

Отправлено 11 Ноябрь 2014 - 15:56

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

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

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


  • 1
Сервис электронного информирования клиентов PostTrail.ru
Отслеживание посылок Почты России в автоматическом режиме! Лояльность клиента - прибыль магазина!


#7 DeHuC_64

DeHuC_64
  • Пользователь
  • 459 сообщений
  • Репутация: 41

Отправлено 11 Ноябрь 2014 - 18:18

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

Демо удалил все стили и разметка в прикреплённом файле...

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

  • Прикрепленный файл  knopka.html   2,96К   Количество загрузок: 128

Сообщение отредактировал DeHuC_64: 11 Ноябрь 2014 - 22:13

  • 2

#8 Audir853

Audir853
    Topic Starter
  • Пользователь
  • 174 сообщений
  • Репутация: 0

Отправлено 14 Ноябрь 2014 - 19:30

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


  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru