X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> кнопки в меню! выручайте!
Безуминка
Безуминка
Topic Starter сообщение 3.12.2007, 20:02; Ответить: Безуминка
Сообщение #1


меню состоит из кнопок (типа: об авторе; новости; архив и т.п.)
кнопки нарисованы в фотошопе
как сделать:

- когда подвоишь мышку к кнопке меняется курсор с обычного на руку с вытянутым указательным пальцем;

- когда подводишь мышку кнопка в двух-трех местах поблескивает, а когда нажимаешть кнопку, она как бы "утапливается" ("увеличивается") и затем перемещает на другую страницу сайта
п.с.: знаю что в фотошопе надо сделать аналог только немного мельче, скажем, и с тенью... или другой эффект..

-----
помогите пожалуйста! заранее спасибо!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 3.12.2007, 20:24; Ответить: Exterior
Сообщение #2


(Безуминка @ 3.12.2007, 22:02) *
когда подвоишь мышку к кнопке меняется курсор с обычного на руку с вытянутым указательным пальцем


делается это с помощью стиля курсора на кнопке, примерно так:

<input type="button" value="Кнопка с курсором-рукой" style="cursor:pointer">


(Безуминка @ 1.1.1970, 07:00)
когда подводишь мышку кнопка в двух-трех местах поблескивает


тут, наверно, лучше сделать при помощи флеша, или сделать неактивную кнопку в *.jpg (*.png) формате, а активную, когда наводишь на нее мышку, несколько кадров в формате *.gif, но тогда необходимо, чтобы не было задержек при выводе изображений меню, в тэге <body> сделать прелоад (тема прелоада уже обсуждалась). Но лучше, грамотнее и правильнее этот вариант сделать во флеше...

(Безуминка @ 1.1.1970, 07:00)
когда нажимаешть кнопку, она как бы утапливается" ("увеличивается")


ну а тут 2 статических изображения - одно - кнопка в отжатом состоянии, второе - в нажатом (в данном случае, увеличенном) состоянии.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Безуминка
Безуминка
Topic Starter сообщение 3.12.2007, 21:30; Ответить: Безуминка
Сообщение #3


я вообще не знаю как тегами задать, что есть кнопка, отжатая и нажатая виды, туда-то она переместит, если на нее нажать...:(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 3.12.2007, 22:15; Ответить: Exterior
Сообщение #4


(Безуминка @ 1.1.1970, 07:00)
я вообще не знаю как тегами задать, что есть кнопка, отжатая и нажатая виды, туда-то она переместит, если на нее нажать...


при помощи html это делается так:

<a href="page1.html" onMouseOver="document.image_name1.src='image_name1_.jpg" onMouseOut="document.image_name1.src='image_name1.jpg'"><img src="image_name1.jpg" name="image_name1"></a>
<a href="page2.html" onMouseOver="document.image_name2.src='image_name2_.jpg'" onMouseOut="document.image_name2.src='image_name2.jpg'"><img src="image_name2.jpg" name="image_name2"></a>
<a href="page3.html" onMouseOver="document.image_name3.src='image_name3_.jpg'" onMouseOut="document.image_name3.src='image_name3.jpg'"><img src="image_name3.jpg" name="image_name3"></a>


а здесь наглядный пример использования подмены изображений на JavaScript`е:

[attachment=34991:button.zip]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Безуминка
Безуминка
Topic Starter сообщение 4.12.2007, 12:21; Ответить: Безуминка
Сообщение #5


спасибо за помощь!
попробовала использовать то, что написано в button.zip
когда вставила одну кнопку, как и в примере - все замечательно работало, НО !!! когда добавила ещё 5 кнопок, то теперь ВСЁ НЕ РАБОТАЕТ...
может вы знаете в чем причина?
я всего лишь копировала участок кода и заменяла нужными мне значениями. теперь когда подводишь мышку к кнопкам, они не меняются и когда на них нажимаешь - тоже не меняются. а когда была одна кнопка - все работало...:achtung: :achtung: :achtung:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 4.12.2007, 12:59; Ответить: Webmaster_hb
Сообщение #6


Безуминка, чтобы вставить еще кнопки нужно скопировать полностью код
и не только картинки заменить, но и заменить имя картинки, в данном примере img1
т.е. во всех местах скопированного кода вместо img1 надо вставить например, img2
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Безуминка
Безуминка
Topic Starter сообщение 4.12.2007, 17:05; Ответить: Безуминка
Сообщение #7


огромное спасибо :-)
всё работает! чудесный форум:goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pont_hb
pont_hb
сообщение 24.8.2008, 22:41; Ответить: pont_hb
Сообщение #8


люди,!!!! Помогите! как сделать, чтоб в EI кнопки не были помечаны как ссылки, на которы мы уже нажимали.
а то у меня получается вот так
[IMG]http://s60.radikal.ru/i168/0808/fa/45fd20c1d8eb.jpg[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 24.8.2008, 23:47; Ответить: Exterior
Сообщение #9


pont, надо рамку у у картинке в ссылке убрать:
<a href=""><img border="0" /></a>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pont_hb
pont_hb
сообщение 25.8.2008, 0:19; Ответить: pont_hb
Сообщение #10


Exterior, спасиб. Чёт стормозил я!)))

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1452 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3398 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1128 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4633 29.11.2017, 11:09
автор: -garmoni-
Открытая тема (нет новых ответов) На разных разрешениях меню выглядит по разному
0 SPiar 4812 28.9.2017, 17:45
автор: -korotkov-


 



RSS Текстовая версия Сейчас: 28.3.2024, 17:25
Дизайн