Сучасні технології значно урізноманітнили інтерфейс різних ресурсів у мережі. Флеш-кнопки меню прикрашають будь-який сайт, додаючи в нього якийсь колорит і підвищуючи його функціонал.
Вам знадобиться
- - ПК з встановленою операційною системою Windows і виходом в інтернет;
- - програма Adobe Flash.
Інструкція
1. Використовуючи незначно відмінні колірні фрагменти, підготуйте у форматі jpg два графічні файли з фоновим зображенням кнопок без тексту. Запустіть Adobe Flash, створіть новий документ і виберіть "Action Script 2.0" у списку. Вкажіть у розділі налаштування значення ширини 273 пікселів і висоти 54 пікселів.
2. Клацніть у меню "File" кнопку "Import", активуйте команду "Import to library" та імпортуйте у бібліотеку даних два підготовлених вами файли. Перемістіть на робочу область завантажені зображення, натисніть клавішу F8 і перейменуйте одне з них. Виберіть "Movie Clip" у розділі "Type". Помістіть на робочу область другу картинку і перейменуйте її, вказавши в розділі "Type" той самий параметр.
3. Введіть необхідний текст на кожній кнопці і створіть нову, натиснувши комбінацію клавіш Ctrl + F8. У вікні "New Symbol" введіть ім 'я майбутньої кнопки та виберіть тип Button. Скопіюйте Movie Clip спочатку відредагованої картинки на робочу область створеної кнопки.
4. Використовуйте комбінацію клавіш Ctrl + F8, створіть новий Movie Clip і скопіюйте результат на робочу область. Приготовте шар і скопіюйте Movie Clip з другої картинки. У меню правої кнопки активуйте параметр "Insert Frame" і створіть кадр на першому шарі. У контекстному меню виберіть "Insert Key Frame" і повторіть дію на наступному шарі:
5. Виділіть приготований ключовий кадр і перейдіть до його параметрів. Натисніть "Style Alpha" в розділі "Color Effect" і вкажіть значення "0". Встановіть "Classic Motion Tween" у першому кадрі шару. Відкрийте об 'єкт кнопки на робочій області та перейдіть до пункту Actions. Будь ласка, вставте код у вільному полі:on (release) { getURL(""aboutme.htm"", ""_self"", ""GET""); }
6. Вкажіть назву кнопки у параметрах. Поверніться до першої сцени, скопіюйте Movie Clip, виділіть його і відкрийте "Actions". Введіть код, де значення "sim_btn" відповідає назві створеної вами кнопки: onClipEvent (enterFrame) { if (go) { nextFrame(); } else { prevFrame(); } } onClipEvent (load) { var go; stop(); sim_btn.onRollOver = function() { go = true; }; Sim_btn.onRollOut = function () {go = false;} Відкрийте меню "File", перейдіть до розділу "Export movie" і експортуйте створену вами кнопку.