Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ae pessoal mais um tutorial pra vocês é bem legal o efeito!
bom um menu pop-up no fireworks seria o seguinte quando você passar o mouse por cima do local definido ele "abrira" um menuzinho em baixo onde pode conter links e etc vamos lá!
1° Abra um documento 400x400 com fundo branco
/applications/core/interface/imageproxy/imageproxy.php?img=http://img189.echo.cx/img189/5884/imagen13kx.jpg&key=53c807f278d3ad5cc1249e004c90d8282191d33f506b8d0168f2deff0bc132c8" alt="Imagem Postada" />
2° Agora crie um retangulo com as medidas 135x30 use o preenchimento que quiser!(efeitos e outros tambem podem ser usados)
3° Escreva um Texto qualquer no retangulo(de os efeitos que quiser no retangulo use a criatividade ;) )
/applications/core/interface/imageproxy/imageproxy.php?img=http://img189.echo.cx/img189/4416/imagen28zh.jpg&key=94c56dd7e5f08dcaa80cfbed81bd7874e0f066342351a76e7954ed0b6b26f080" alt="Imagem Postada" />
4° Agora Selecione fatie a imagen mas não exporte:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img189.echo.cx/img189/3572/imagen34ml.jpg&key=213b598c1ddbd2030ca95d45ee8d1707939ba4c6bbad7cce7e2bfb9722ede3a4" alt="Imagem Postada" />
5° Clique com o botão direito sobre a imagen aparecera um menu como este:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img189.echo.cx/img189/4766/imagen57lv.jpg&key=c96576cb4efa8a334254a85883d0c1274836da869e0545673e886861bff713f7" alt="Imagem Postada" />
6° Clique em Adcionar menu Pop-Up aparece a seguinte tela:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img189.echo.cx/img189/7603/imagen65ar.jpg&key=214d54f5be47b111b7626e4d43bfa3b24757b7116f22cd830addd7854355dd75" alt="Imagem Postada" />
- Texto: Adcione o Nome desejado que apareça no menu pop-up
- Link: Adcione o link da página que deseja que abra quando clicado no menu pop-up
- Destino: Lugar onde deseja que a pagina seja aberta(janela principal,iframe e etc)
/applications/core/interface/imageproxy/imageproxy.php?img=http://img228.imageshack.us/img228/5348/imasters22le.gif&key=83ca3e503078db0458bf2d46ce515588381973aa1d6fcbd0755e0d093910aadc" alt="Imagem Postada" />
7° Adcione os links que quiser(vide exemplo logo acima) depois clique em próxim aparece o seguinte:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img228.imageshack.us/img228/9598/imasters32lc.jpg&key=d018e6d18f2292396233879a9ba4a59289140233a840aca7c7cbda59b624d3f1" alt="Imagem Postada" />
8° Faça os ajustes que quiser depois clique em próxima aparecera o seguinte:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img216.imageshack.us/img216/2205/imasters5jj.jpg&key=06e54defa42afd34e6ec13ddffdab7d43b0c8d66fe92b43fa1b24fe4f27b8207" alt="Imagem Postada" />
9° Faça os ajustes que quiser no próximo menu (Posição) faça os ajustes como se o menu abrira em cima ou embaixo do retangulo e etc clique em concluído
Pronto terminado! aperte F12 para ver como ficou!
Autor: The Darkness
em q formato eu devo salva-lo, para que isso funcione em meu site???
Você pode salvar o arquivo em png. Mas para que o menu funcione você deve exporta-lo no menu Arquivo -> Exportar e exportar como Imagem e HTML (Image And HTML)
mais isso no fireworks???
Isso mesmo!
Oi pessoal!
Eu acabei de fazer um menu pop up no fireworks e preciso abri-lo no dreamweaver.
salvei com o nome menu.html e abri dentro de um iframe. No target do fireworks eu pus para abrir os links no frame chamado "conteudo", mas os links não funcionam..
Tem alguma forma de fazer eles funcionarem usando dentro de um iframe ou de alguma outra forma?
Bacana tutorial este seu, como ja falei nos outros, muito bem explicado!