• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Архивариус » Решённые вопросы » Кнопка css из трех картинок (активная, при наведении)
Кнопка css из трех картинок (активная, при наведении)
bit_vlad
Сообщений: 77
Репутация: -12

Сообщение # 1 | 19:30:35 23 Июл 2013
Всем привет smile
Народ помогите сделать кнопку css из трех картинок
тоесть 1 картинка что бы была активной
2 картинка при наведение на кнопку
а 3 картинка при нажатии
Вот из этих картинок первая, вторая, третья
и что бы можно было вводить текст в эти кнопки на html через теги <li></li>
Сообщение отредактировал bit_vlad - Вторник, 23 Июл 2013, 19:44:53
chestonik
Сообщений: 17
Репутация: 18

Сообщение # 2 | 20:20:25 23 Июл 2013
Код
a.rollover {
      background: url(images/sun1.png);   
      display: block;   
      width: 196px;   
      height: 183px;   
     }
     a.rollover:hover {
      background: url(images/sun2.png);   
     }

Код
class="rollover"
Сообщение отредактировал chestonik - Вторник, 23 Июл 2013, 20:33:49
Svarga
Сообщений: 1
Репутация: 0

Сообщение # 3 | 20:27:06 23 Июл 2013
http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee

Также почитай про псевдокласс :active
Если модеры удалят ссылку, яндекси htmlbook
bit_vlad
Сообщений: 77
Репутация: -12

Сообщение # 4 | 20:39:58 23 Июл 2013
при навидении я знаю как сделать а при нажатии что бы другая была как сделать?
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 5 | 20:45:18 23 Июл 2013
bit_vlad,
Вам же уже сказали - за это отвечает псевдо-класс :active.
В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
chestonik
Сообщений: 17
Репутация: 18

Сообщение # 6 | 20:45:59 23 Июл 2013

Код
<img src='do.png' onclick='this.src="posle.png"' />

?
bit_vlad
Сообщений: 77
Репутация: -12

Сообщение # 7 | 21:03:05 23 Июл 2013
Цитата (KaiLee)
Вам же уже сказали - за это отвечает псевдо-класс :active.

это может вам легко а мне не понятно...
Не могли бы мне прям сразу сделать css что я его вписал сразу?
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 8 | 21:09:43 23 Июл 2013
bit_vlad,
HTML:
Код
<div class="aLink"> ссылка </div>
И CSS:
Код
.aLink {background:url('картинка')}
.aLink:hover {background:url('картинка_при_наведении')}
.aLink:active {background:url('картинка_при_нажатии')}
Стили прописывайте самостоятельно.
В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
Сообщество uCoz » Архивариус » Решённые вопросы » Кнопка css из трех картинок (активная, при наведении)
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!