|
|
| Автор |
Сообщение |
УГУ Новичок

Зарегистрирован: 06.11.2004
Сообщения: 10
|
Добавлено: Вс Ноя 07, 2004 12:03 am Заголовок сообщения: как?при наведении и нажатии на кнопку(рисунок)-> меняется |
|
|
как сделать?
что бы при наведении и нажатии на кнопку(рисунок) менялася рисунок.... т.е. сделать эфект подсвечивания кнопки на которую наведен курсор... |
|
| Вернуться к началу |
|
 |
sandro Модератор

Возраст: 47
Зарегистрирован: 21.08.2004
Сообщения: 95
|
Добавлено: Вс Ноя 07, 2004 4:02 am Заголовок сообщения: |
|
|
Сначало надо изготовитиь в каком-нибудь графическом редакторе для каждой кнопки пару заготовок! Так как ты хочешь, что бы твоя кнопка выглядела в статичном положении и второе так, как ты хотел бы что бы выглядела кнопка при наведении курсора...
Далее идем в Dreamweaver и открываем окно поведений. Window>Behaviors
Откроется окошко, сначало выдели свое статичное изображение, а потом нажми на плюс + в этом окошке, откроется список поведений, но ты не теряйся выбирай нужное тебе Swap Image! После этого выбери у себя в папке компьютера, то изображение, которое будет появляться при наведени курсора... Щелкай ОК... Так же сделай и с другими кнопками... Потом открой страницу и проверь, все должно работать! Удачи! |
|
| Вернуться к началу |
|
 |
Юлия4 Новичок

Зарегистрирован: 05.11.2004
Сообщения: 8
Откуда: г.Бакал
|
Добавлено: Вс Ноя 07, 2004 7:45 am Заголовок сообщения: Re: как?при наведении и нажатии на кнопку(рисунок)-> меня |
|
|
| УГУ писал(а): | как сделать?
что бы при наведении и нажатии на кнопку(рисунок) менялася рисунок |
Активные изображения
Изображения, реагирующие на действия пользователя. Dreamweaver позволяет делать их несколькими щелчками мыши. Единственное, о чем вам нужно позаботиться, так это о втором изображении, которое будет появляться на месте исходного, когда пользователь наведет на него курсор мыши (так называемое перекрывающее изображение).
Активное изображение вставляется с помощью кнопки Rollover Image вкладки Common панели объектов или пункта Rollover Image подменю Interactive Images меню Insert. При этом на экране появляется диалоговое окно Insert Rollover Image.
В поле ввода Image Name вводится уникальное имя вставляемого активного изображения. Имя должно содержать только латинские буквы, цифры и знаки подчеркивания, причем начинаться должно с буквы.
В поле ввода Original Image вводится имя файла оригинального изображение. Если вы не хотите вводить его вручную, нажмите кнопку Browse справа от этого поля ввода. После этого на экране появится диалоговое окно Select Image Source где вы выбираете нужный файл.
В поле ввода Rollover Image вводится имя файла перекрывающего изображения. Также, если вам неохота водить его вручную, на помощь придет кнопка Browse.
Флажок Preload Rollover Image заставляет Dreamweaver сгенерировать и вставить в HTML-код вашей страницы небольшую программу-сценарий, которая заранее загрузит перекрывающее изображение. Этот флажок включен по умолчанию, и отключать его не стоит. Если же его отключить, то перекрывающее изображение будет загружено тогда, когда в нем возникнет нужда, т. е. когда пользователь поместит над изображением курсор мыши.
В поле ввода Alternate Text вводится "альтернативный текст".
Последнее поле ввода When Clicked, Go To URL задает интернет-адрес, по которому произойдет переход, если пользователь щелкнет на изображении.
| Цитата: | | сделать эфект подсвечивания кнопки на которую наведен курсор |
Это можно сделать увеличив значение Border (граница рисунка), если этот рисунок сделан как ссылка, то эта граница будет менять цвет при наведении курсора на рисунок. |
|
| Вернуться к началу |
|
 |
Денис Модератор

Возраст: 36
Зарегистрирован: 21.08.2004
Сообщения: 1490
Откуда: Санкт-Петербург
|
Добавлено: Вс Ноя 07, 2004 6:19 pm Заголовок сообщения: |
|
|
| Юлия4, браво! |
|
| Вернуться к началу |
|
 |
УГУ Новичок

Зарегистрирован: 06.11.2004
Сообщения: 10
|
Добавлено: Пн Ноя 08, 2004 1:46 am Заголовок сообщения: |
|
|
пасиб большое.... будем разбераться |
|
| Вернуться к началу |
|
 |
УГУ Новичок

Зарегистрирован: 06.11.2004
Сообщения: 10
|
Добавлено: Пн Ноя 08, 2004 2:38 pm Заголовок сообщения: |
|
|
а такое дело... возможно ли без джавы.. все это дело ? |
|
| Вернуться к началу |
|
 |
Денис Модератор

Возраст: 36
Зарегистрирован: 21.08.2004
Сообщения: 1490
Откуда: Санкт-Петербург
|
Добавлено: Пн Ноя 08, 2004 5:58 pm Заголовок сообщения: |
|
|
| Без ДжаваСкрипт - нельзя! |
|
| Вернуться к началу |
|
 |
УГУ Новичок

Зарегистрирован: 06.11.2004
Сообщения: 10
|
Добавлено: Вт Ноя 09, 2004 1:52 am Заголовок сообщения: |
|
|
пасиб сделал ... все получилось очень хорошо.... пасибки большое ребятки
особенно юленьке |
|
| Вернуться к началу |
|
 |
admin Администратор

Возраст: 34
Зарегистрирован: 10.08.2004
Сообщения: 1641
Откуда: Ukraine
|
Добавлено: Вт Ноя 09, 2004 6:46 am Заголовок сообщения: |
|
|
| Еще это можно сделать с помощью [url=http://dreamweaver.net.ru/articles/a-css.php]CSS[/url]. Но этот вариант применим только тогда, когда не используется графика, только текст. |
|
| Вернуться к началу |
|
 |
Json Новичок

Возраст: 36
Зарегистрирован: 03.08.2011
Сообщения: 1
|
Добавлено: Ср Авг 03, 2011 10:59 am Заголовок сообщения: |
|
|
Непонятно почему нельзя, а так.
Берем 2 кнопки с тенью и без.
[img]C:\Documents and Settings\Жека\Мои документы\bottom_ten.png[/img]
[img]C:\Documents and Settings\Жека\Мои документы\bottom.png[/img]
И далее код:
[code:1:2b08671d15]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Кнопка</title>
<style type="text/css">
a:link {
background-image: url(bottom_ten.png);
display: block;
width: 171px;
height: 30px;
}
a:visited {
background-image: url(bottom_ten.png);
display: block;
width: 171px;
height: 30px;
}
a:active {
background-image: url(bottom.png);
display: block;
width: 164px;
height: 22px;
position: absolute;
top: 21px;
left: 12px;
}
</style>
</head>
<body>
<p><a href="#"></a></p>
</body>
</html>
[/code:1:2b08671d15]
Получаем эффект нажатия кнопки, или я что то нетак понял. |
|
| Вернуться к началу |
|
 |
|