UserPanel

Добро пожаловать на Форум веб-мастеров uCoz!

( Войти | Зарегистрироваться )


  • Страница 1 из 1
  • 1
Как сделать ховерную картинку?
Дата: Суббота, 19.03.2011, 00.05.22 | Сообщение # 1
Без аватара
Уровень 2
Зарегистрирован: 13.10.2010
Пользователь №: 89
Сообщений: 96
Например кнопочка картинкой " спасибо" и при на ведении (Ховер) она делает что либо.
 
Дата: Суббота, 19.03.2011, 08.18.04 | Сообщение # 2
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
Через Photoshop создаешь две картинки размерами 150px в ширину и 40px в высоту: одна например серая, другая цветная.
Затем размещаем код кнопки "Спасибо" в нужном месте:
Code
<div class="thanks" title="Сказать спасибо"></div>

В css пропишем для класса этой кнопки
Code
.thanks{
background:url(путь_к_серой_картинке) no-repeat;
width:150px;
height:40px;
}
.thanks:hover{
background:url(путь_к_цветной_картинке) no-repeat;
}

Соответственно, пути к картинкам не забудь прописать.
Если твои картинки имеют больший размер, то замени в коде значения высоты и ширины, иначе контейнер div сократит или увеличит их до указанного размера.
width - ширина
height - высота
 
Дата: Суббота, 19.03.2011, 18.14.00 | Сообщение # 3
Без аватара
Уровень 2
Зарегистрирован: 13.10.2010
Пользователь №: 89
Сообщений: 96
Reysler, Спасибо
 
Дата: Суббота, 19.03.2011, 21.15.38 | Сообщение # 4
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
Вопрос снят. Закрыто
 
  • Страница 1 из 1
  • 1
Поиск: