Eaew!
Creio que isto vai ajudar algumas pessoas.
Fiz uma imagem bem simples apenas para mostar como faz.
Tutorial com imagens.
Segue:
1 - Abra o Fireworks
http://img502.imageshack.us/img502/8062/tuto1jd3.jpg
2 - Crie um arquivo do tamanho que você quiser
http://img331.imageshack.us/img331/6120/tuto2ps5.jpg
3 - Faça o layout do seu menu primário
http://img331.imageshack.us/img331/2219/tuto3lo1.jpg
4 - Depois disso clique em "Rectangle Hotspot Tool"
http://img331.imageshack.us/img331/2505/tuto4yn1.jpg
5 - Desenhe um retângulo na área em que irá passar o mouse para aparecer o submenu
http://img502.imageshack.us/img502/5682/tuto5ro2.jpg
6 - Clique no circulo central do retângulo azul e depois escolha "Add Pop-Up Menu"
http://img502.imageshack.us/img502/7435/tuto6mr4.jpg
7 - Nesta área você edita os textos e links conforme o necessário
http://img384.imageshack.us/img384/1782/tuto7gj8.jpg
8 - Nesta área você define as cores, a forma do menu(horizontal/vertical), a distribuição do texto, etc
http://img331.imageshack.us/img331/8240/tuto8gd4.jpg
9 - Nesta área você edita as bordas, distância das células, etc
http://img384.imageshack.us/img384/7856/tuto9ml1.jpg
10 - Aqui você edita onde o submenu irá aparecer
http://img384.imageshack.us/img384/3239/tuto10hu7.jpg
11 - Após configurar tudo, pressione Done. Se você tiver feito tudo certo, você terá algo como a imagem a seguir
http://img331.imageshack.us/img331/9770/tuto11fz7.jpg
12 - Para testar a funcionalidade do menu, clique em "File(Arquivo) > Preview in Browser(Ver no navegador) > Preview in iexplorer.exe(Ver em iexplorer.exe)"
http://img384.imageshack.us/img384/3641/tuto12sp3.jpg
13 - Este aparecerá da seguinte maneira
http://img331.imageshack.us/img331/314/tuto13bo4.jpg
------
Acaba aqui o nosso tutorial de menu Pop-Up.
Espero ter ajudado.
Abraços
Tuto by: MorpheusBR
Publicidade
|
|
Page 1 of 1
[Tutorial] Menu Pop-Up Meu primeiro =]
#3
Posted 16 September 2006 - 10:42 AM
belo tuto morpheu.s.... vai ajudar mta gente isso ai
+ nao fique nervoso nao, assim que alguem ver o tutorial vai postar sim
abracos
+ nao fique nervoso nao, assim que alguem ver o tutorial vai postar sim
abracos
#4
Posted 16 September 2006 - 04:08 PM
Ok.. muito bom o seu tutorial, porém, para utilizá-lo em um site.. eu devo obrigatoriamente trabalhar em conjunto com o dream weaver para ter o efeito desejado, ou eu posso utilizar o html n mão mesmo ??
Obs.: Não gosto muito do dream weaver!!
Abraços!!
Obs.: Não gosto muito do dream weaver!!
Abraços!!
Share this topic:
Page 1 of 1
Similar Topics
| Topic | Forum | Started By | Stats | Last Post Info | |
|---|---|---|---|---|---|
|
POr Favor me ajudem No Meu Script De Procura.
Meu script alega não ter permissao ..... |
PHP |
phpmaker
|
|
|
|
Flash CS - Button - menu Actions
|
Flash & ActionScript |
Luiz_Claudio
|
|
|
|
efeito de visão thermal
alguem já viu um tutorial? |
Photoshop & Image Ready |
carloss
|
|
|
|
Menu igual ao da MX Studio
Como faço ou alguém pode dizer... |
Flash & ActionScript |
pedrovisk
|
|
|
|
Plano de fundo...
meu primeiro..em fw.. |
Avaliação |
SpyNew
|
|
|
|
tem algum tutorial no site?
de meunu pop up? |
Fireworks |
deividy
|
|
|
|
problema com menu drop down
|
Web Standards |
zumbili
|
|
|
|
menu descendo
|
Web Standards |
CarlosAugusto
|
|
Publicidade
|
|

Help













