Rambler's Top100
Приветствуем, Гость: Регистрация | Вход
 
Главная | FAQ | Поиск | Пользователи | Группы
 

как?при наведении и нажатии на кнопку(рисунок)-> меняется

 
Начать новую тему   Ответить на тему    Список форумов Форум Macromedia Dreamweaver -> Работа с Dreamweaver
 
Автор Сообщение
УГУ
Новичок

Новичок




Зарегистрирован: 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! После этого выбери у себя в папке компьютера, то изображение, которое будет появляться при наведени курсора... Щелкай ОК... Так же сделай и с другими кнопками... Потом открой страницу и проверь, все должно работать! Very Happy Удачи!
Вернуться к началу
Юлия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    Заголовок сообщения: Ответить с цитатой

пасиб большое.... будем разбератьсяSmile
Вернуться к началу
УГУ
Новичок

Новичок




Зарегистрирован: 06.11.2004
Сообщения: 10

СообщениеДобавлено: Пн Ноя 08, 2004 2:38 pm    Заголовок сообщения: Ответить с цитатой

а такое дело... возможно ли без джавы.. все это дело ?Smile
Вернуться к началу
Денис
Модератор

Модератор


Возраст: 36

Зарегистрирован: 21.08.2004
Сообщения: 1490
Откуда: Санкт-Петербург

СообщениеДобавлено: Пн Ноя 08, 2004 5:58 pm    Заголовок сообщения: Ответить с цитатой

Без ДжаваСкрипт - нельзя!
Вернуться к началу
УГУ
Новичок

Новичок




Зарегистрирован: 06.11.2004
Сообщения: 10

СообщениеДобавлено: Вт Ноя 09, 2004 1:52 am    Заголовок сообщения: Ответить с цитатой

пасиб сделал ... все получилось очень хорошо.... пасибки большое ребяткиSmile
особенно юленькеSmile
Вернуться к началу
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]
Получаем эффект нажатия кнопки, или я что то нетак понял.
Вернуться к началу
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов Форум Macromedia Dreamweaver -> Работа с Dreamweaver Часовой пояс: GMT + 2
Страница 1 из 1

 



Powered by phpBB © 2001, 2005 phpBB Group
Русская поддержка phpBB


Заблокировано регистраций / сообщений: 56039 / 0

Rambler's Top100 Рейтинг@Mail.ru