..:: MX Studio Fóruns ::..: [Tutorial] Menu Pop-Up - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

[Tutorial] Menu Pop-Up Meu primeiro =]

#1 User is offline   MorpheusBR 

  • Group: Membros
  • Posts: 7
  • Joined: 06-August 06

Posted 06 August 2006 - 04:35 PM

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
0

#2 User is offline   MorpheusBR 

  • Group: Membros
  • Posts: 7
  • Joined: 06-August 06

Posted 16 September 2006 - 01:49 AM

ngM comenta nauM?
0

#3 User is offline   badsector 

  • Group: Membros
  • Posts: 96
  • Joined: 30-August 05

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

0

#4 User is offline   marcossilva 

  • Group: Membros
  • Posts: 2
  • Joined: 16-September 06

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!!
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic


Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies POr Favor me ajudem No Meu Script De Procura.
Meu script alega não ter permissao .....
PHP phpmaker 
  • 5 Replies
  • 1255 Views
New Replies Flash CS - Button - menu Actions Flash & ActionScript Luiz_Claudio 
  • 2 Replies
  • 1142 Views
New Replies efeito de visão thermal
alguem já viu um tutorial?
Photoshop & Image Ready carloss 
  • 5 Replies
  • 2885 Views
New Replies Menu igual ao da MX Studio
Como faço ou alguém pode dizer...
Flash & ActionScript pedrovisk 
  • 1 Reply
  • 676 Views
New Replies Plano de fundo...
meu primeiro..em fw..
Avaliação SpyNew 
  • 4 Replies
  • 5550 Views
New Replies tem algum tutorial no site?
de meunu pop up?
Fireworks deividy 
  • 2 Replies
  • 1079 Views
New Replies problema com menu drop down Web Standards zumbili 
  • 5 Replies
  • 1547 Views
New Replies menu descendo Web Standards CarlosAugusto 
  • 1 Reply
  • 667 Views

Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)