Jump to content


Photo

Tutorial Menu Pop-up


  • Faça o login para participar
18 replies to this topic

#1 prmatias

prmatias

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 21/12/2005, 15:28

Menu Pop-Up no fireworks

1° Abra um documento 400x400 com fundo branco

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 ;))

4° Agora Selecione fatie a imagen mas não exporte:

5° Clique com o botão direito sobre a imagen

6° Clique em Adcionar menu Pop-Up

- 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)

7° Adcione os links que quiser(vide exemplo logo acima) depois clique em próxima

8° Faça os ajustes que quiser depois clique em próxima aparecera o seguinte:

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!
  • HaroNism likes this

#2 leoacx

leoacx

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Não informado

Posted 20/10/2006, 13:46

Muito bom..
meus parabens
voce me ajudou muito !!




>:)

#3 Exclusivo

Exclusivo

    Novato no fórum

  • Usuários
  • 24 posts
  • Sexo:Masculino
  • Localidade:Florianópolis
  • Interesses:Aprender com o pessoal do forum

Posted 19/10/2008, 02:52

LeoaCx

Parabens, muito bom.
Para eu que estou iniciando com esta ferramenta é muito facil pegar o coteudo quando ele esta explicado e é simples.
Abraços

#4 helioth

helioth

    Projeção A

  • Usuários
  • 683 posts
  • Sexo:Masculino
  • Localidade:Mauá city - ABC - SP

Posted 19/10/2008, 16:22

É isso ai prmatias simples e direto, tem tutoriais por ai que complicam na hora de explicar o menu pop-up, mas tu foi certeiro.
Parabéns!
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#5 Exclusivo

Exclusivo

    Novato no fórum

  • Usuários
  • 24 posts
  • Sexo:Masculino
  • Localidade:Florianópolis
  • Interesses:Aprender com o pessoal do forum

Posted 19/10/2008, 22:45

Leoa
Quando carrego os arquivos pro servidor a funcionalidade deixa de funcionar... o que devo fazer para que funcione esta função?
grato!

prmatias
Desculpe tava numa comunicação com a leoacx por engano, devo direcionar a minha resposta a vc, e obrigado pela dica.. leoa de qualquer forma bom compartilhar com vc tambem.
grato!

#6 helioth

helioth

    Projeção A

  • Usuários
  • 683 posts
  • Sexo:Masculino
  • Localidade:Mauá city - ABC - SP

Posted 20/10/2008, 11:58

Quando se exporta para o dreanweaver funciona na boas... Vc exportou?

No exportação irá criar um arquivo html, e no dreamweaver vc tem que abrir esse arquivo desta forma: insert > image objects > fireworks html
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#7 jesynha

jesynha

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado

Posted 02/02/2009, 16:18

vc me ajudou mtu a fazer o menu
mas nao consigo inserir ele no front page
sei q apos devo exporta-lo e salvar como imagem e html
mas e depois disso q codigo devo copiar?
o q faço?

meu menu nao abre direito

#8 helioth

helioth

    Projeção A

  • Usuários
  • 683 posts
  • Sexo:Masculino
  • Localidade:Mauá city - ABC - SP

Posted 02/02/2009, 16:34

Quando você exporta como imagem e html, ele cria um arquivo html, é ele que você tem que abrir no Front Page.

Mas faça um teste antes, tente abrir o arquivo html criado pela exportação direto no IE. Vai pelo windows explorer, ache a pasta aonde você salvou o arquivo, botão direito nele e abrir com IE. Se funcionar não terás problemas... (y)

Qualquer coisa posta ai...

Bons ventos!
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#9 jesynha

jesynha

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado

Posted 02/02/2009, 16:57

Quando você exporta como imagem e html, ele cria um arquivo html, é ele que você tem que abrir no Front Page.

Mas faça um teste antes, tente abrir o arquivo html criado pela exportação direto no IE. Vai pelo windows explorer, ache a pasta aonde você salvou o arquivo, botão direito nele e abrir com IE. Se funcionar não terás problemas... (y)

Qualquer coisa posta ai...

Bons ventos!



EU TESTEI ELE E DEU CERTO MAS ELE ABRE 3 ARQUIVOS
UM COM SIMBOLO IE
OUTRO COM CSS
E OUTRO JS
....?
NENHUM DELES FUNCIONA DIREITO

QUANDO ABRO O HTML
E TENTO COPIAR PARA OUTRA PAG
ELE NAO ABRE DIREITO
OCORRE ERROS DE DEPUTAÇÃO
.......?

COMO FAÇO PARA Q ELE ABRA NA PAG Q EU QUERO?

Edição feita por: jesynha, 02/02/2009, 16:44.


#10 helioth

helioth

    Projeção A

  • Usuários
  • 683 posts
  • Sexo:Masculino
  • Localidade:Mauá city - ABC - SP

Posted 03/02/2009, 10:48

Opa, desculpa a demora.....

Seguinte estes arquivos são os arquivos que o fireworks cria e são necessário para o menu funcionar. Os arquivos criado para o menu deve ser colocado no mesmo diretório da sua pagina. Não sei como funciona no front page, mas deve de ter uma opção para inserir o html. Se não tem que ser pelo próprio html, você coloca as tags da página html criada no fireworks em sua página, sendo que o endereçamento tem que ser colocado corretamente, ou seja, o caminho tem que estar exatamente onde esta os arquivos.

Tenta ai, qualquer coisa posta ai.
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#11 jesynha

jesynha

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado

Posted 03/02/2009, 13:13

o caminho tem que estar exatamente onde esta os arquivos.


mas o problema é que nao tem nenhuma opção para inserir o html(eu axo :assobio: )
ja percebi q como vc disse"o caminho tem que estar exatamente onde esta os arquivos.". Se acaba dando erros e nao funcionando direito
o meu problema é que nao axo um local para exportar o arquivo para as paginas que eu quero....

té +
aguardo resposta....!!!

#12 helioth

helioth

    Projeção A

  • Usuários
  • 683 posts
  • Sexo:Masculino
  • Localidade:Mauá city - ABC - SP

Posted 03/02/2009, 14:51

No dreamweaver é facinn.... :lol:

A melhor opção pra ti creio que é o include, pois pelo que entendi o menu esta correto, sendo que o que você quer é adcionar este menu em uma ou mais paginas, correto?

Olhei na internet e suei para achar algo sobre include no front Page, mas achei.

Terá que inserir um WEB BOT
Localize no Front Page no menu INSERT > WEBBOT COMPONENT;
Selecione a opção INCLUDE;
Na janela que se abre digite o nome da página HTML, (seu menu).

Veja se funciona, lembrando que se o menu aumentar iténs ou diminuir, é só mudar a página do html que o fireworks criou, assim ele muda todas que estão "incluidas" esse menu.

Dá uma olhada aew.... ;)

Edição feita por: helioth, 03/02/2009, 14:52.

Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#13 jesynha

jesynha

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado

Posted 03/02/2009, 15:16

tah vou tentar...

fui lah ver e oq achei foi
inserir >>componente da Web >>controles avançados >> html
consegui mas ainda há erros de deputação
:unsure: (tipo um aviso :
erro em tempo de execução
Deseja deputa-lo?
Sim / Não
mas no IE ele abre certinho

#14 helioth

helioth

    Projeção A

  • Usuários
  • 683 posts
  • Sexo:Masculino
  • Localidade:Mauá city - ABC - SP

Posted 03/02/2009, 18:16

É isso aew..... :aplauder:

Esses erros provavelmente é porque quando se exporta pelo fw, usando a opção de html, ele manda o código muito sujo, então você pode ir arrumando aqui e ali para deixa-lo perfeito....

Um abraço!
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#15 Diego Lojas Virtuais

Diego Lojas Virtuais

    Novato no fórum

  • Usuários
  • 6 posts
  • Sexo:Não informado

Posted 18/08/2009, 18:03

PR Matias,meus parabéns!

Vc explicou d forma fácil e direta.Estava querendo fazer um menu pop-up há um tempinho e vc me explica de uma forma q não tem como errar.É igual fazer um miojo. :lol:

Muito obrigado!




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq