Помощник
|
Имитация нажатия кнопки |
Chezy
|
Сообщение
#1
|
||
|
|
||
|
|||
Htmlmaster |
2.2.2010, 19:38;
Ответить: Htmlmaster
Сообщение
#2
|
|
а не дадумались использовать border d в графическом редакторе
|
|
|
Chezy
|
Сообщение
#3
|
|
хм.. я не в графическом работаю, а сама - в блокноте) есть смысл перейти на графический?
|
|
|
Htmlmaster |
2.2.2010, 19:58;
Ответить: Htmlmaster
Сообщение
#4
|
|
я имел ввиду:делать кнопки в граф редакторе:nea:
|
|
|
Chezy
|
Сообщение
#5
|
|
значит я немного не понимаю( сделала их в фотошопе, как картинки.. есть редакторы для создания именно кнопок? извиняюсь, если кажусь глупой) объясните, пожалуйста)
|
|
|
locky-yotu |
2.2.2010, 20:08;
Ответить: locky-yotu
Сообщение
#6
|
|
Htmlmaster, не грубите девушке.
Chezy,обычно делается так: Делается контейнер (div) c overflow:hidden. В нем располагается картинка, заключенная в тег <a>. Эта картинка должна состоять из 3х частей: нормальное состояние кнопки, при наведении и при нажатии. Пусть наша кнопка имеет высоту 159 пикселей. Тогда div должен быть высотой 159/3 = 53px. Ну и пишем такой код: <style> Картинку прилагаю для ознакомления))
.my_button {width:865px;height:53px;overflow:hidden;} </style> <div class="my_button"> <a href="#"><img src="images/btn.jpg" alt="" onmouseover="this.style.marginTop='-53px'" onmousedown="this.style.marginTop='-106px'" onmouseout="this.style.marginTop='0'" onmouseup="this.style.marginTop='-53px'" /></a> </div> |
|
|
Htmlmaster |
2.2.2010, 20:08;
Ответить: Htmlmaster
Сообщение
#7
|
|
нет, очень хорошо использовать flash там такое есть, создаёте клавишу в обычном состоянии, в нажатом состояние, а потом с помощью javascript, привязываете их к событию, чтобы картинки менялись
|
|
|
Chezy
|
Сообщение
#8
|
|
Спасибо большое) вроде пока понятно.. сейчас попробую)
|
|
|
Htmlmaster |
2.2.2010, 20:13;
Ответить: Htmlmaster
Сообщение
#9
|
|
извините:niasilil:
|
|
|
AndreySmith |
2.2.2010, 20:27;
Ответить: AndreySmith
Сообщение
#10
|
|
Обводится она наверное в firefox? Нужно прописать свойства чтобы картинки-ссылки не обводились, и не подчеркивались.
А то что вы ходите сделать нужно прописывать с помощью псевдоклассовЖ a:link - просто ссылка a:hover - дейтвие при наведении мышки на ссылку a:active - нажатая ссылка a:visited - посещенная ссылка Для действия a:hover, к пример можно сделать чтоб кнопка становилась светлее или темнее. Если вы нарисовали кнопку, то можно сделать ролловер. C помощью css. сделать чтобы фоновая картинка сменалась при наведении мышки на другую фоновую картинку. Есть маленький минус этого способа - нужно сделать прелоад картинок. Но это мелочь. Можно сделать одну длинную картинку и просто при наведении мышки менять ее позицию - тогда не нужно делать прелоад) С помощью css много способов сделать такие кнопки. пользуйтесь поиском на форуме;) Можно сделать так: <a href="http://site.com" title="site.com"> <img src=" rollOver.png" height="" width="" alt="" onmouseover="this.src='img/rollOn.png'" - это картинка которая появится при наведении onmouseout="this.src='img/rollOver.png'" – она появится когда Вы уберете мышку. onmousedown="this.src='img/press.png'" /></a> - она появится при нажатии на мышку (когда она зажата) onclick="" – картинка появляется после того как мышку отпустили. (т.е. после клика). Это как альтернатива, пример кнопки. Тут ненадо делать фон. Т.е. без css, и если картинки прозрачные, то легче пофиксить прозрачность картинок для ie6. Т.е. для каждого события (нажатие, наведение...) нужно сделать свою картинку, все они должны быть одинакового размера. Не обязательно делать картинки на все события, можно только для одного - в зависимости от дизайна. Успехов :goodpost: |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Имитация работы залог успеха? | 24 | metvekot | 1565 | 24.4.2024, 18:36 автор: Boymaster |
|
Надо поменять картинки кнопки и всё прочее. Сделать круто, чтобы не стыдно за сайт |
0 | atavisma | 2990 | 6.4.2017, 19:04 автор: atavisma |
|
Добавить к коду кнопки функцию Canvas | 0 | Anshag | 5066 | 25.11.2015, 12:41 автор: -Anshag- |
|
DLE: нужно продублировать кнопки "скачать" | 4 | Вентилятор | 2329 | 8.8.2015, 16:41 автор: Hamster69 |
|
Пагинация, как добавить кнопки вперед и назад? | 0 | SlippingForest | 5937 | 1.2.2015, 22:16 автор: -SlippingForest- |
Текстовая версия | Сейчас: 26.4.2024, 2:24 |