4 replies to this topic

[klayton Rocha]

Boa Tarde pessoal,

Não mexo muito nessa área de web, mas estou querendo fazer um novo portfólio.
Estou com muita coisa para mostrar então preciso fazer um botão que quando o mouse vai em cima aparece um submenu.
Eu achei um site aqui conforme eu gostei do botão ------> http://www.ibm.com/products/br/pt/ ,
gostaria de fazer conforme o botão soluções, serviços, produtos.
Eu normalmente faço o botão no photoshop e faço um rollover ...
Alguém me ajude !!!!! rrrssss ....

um gde abraço a todos !!

Klayton.

[Fernando C]

Klayton, não localizei os botões a q vc c referiu..

enfim, c quiser tentar segue 1 possibilidade, usando apenas Dreamweaver 8 (e 1 pouquinho d codigo):

p/ criar o menu principal (horizontal):

1. acione Snippets - Horizontal - "outlined boxes with links";

2. substitua as palavras "Lorem", Ipsum" etc. e formate as cores e fontes (letras) como preferir usando a barra inferior “properties”;

3. agora p/ criar o efeito de alterar a cor de fundo do menu ao passar o mouse eu utilizo 1 código q descobri aqui: http://www.htmlstaff...p?showtopic=781 p/ isso, exiba o modo código (ou split);
no código das células da tabela, insira o seguinte comando:

onMouseOver="bgColor='#C0C0C0'" onMouseOut="bgColor='#0066FF'" 

ficaria assim (atenção às aspas antes da palavra "Width"):

<td onMouseOver="bgColor='#C0C0C0'" onMouseOut="bgColor='#0066FF'"width="20%" align="center"><a href="#">Lorem</a></td>

adapte os códigos das cores cf sua preferência.

agora c achar + facil pode acionar apenas o modo Design, selecione o primeiro "Link" e Shift+F4 (ou Window - Behaviors) e acione "Show pop up menu";

agora va formatando os submenus como preferir; só p/ adiantar:

- na 1ª tela "Contents" vc define os termos e os links (quais pgs serão abertas);

- na 2ª "Appearance" vc define o visual geral do submenu - no teu exemplo, será "vertical menu", abaixo defina as fontes e cores;

- na 4ª ("Position") vc pode posicionar exatamente o submenu em relação ao item do menu superior; no teu exemplo, selecione a 2ª opção: "Below and left edge of trigger".

veja c isso t ajuda; qqer coisa retorne.

Edição feita por: Fernando C, 28/12/2009, 12:11.

[klayton Rocha]

Nossa ...

rrrsss ... um pouco assustador !!!! brincadeira ...
estou fazendo com calma aqui pra ver se consigo .... vou tentar...
mais agradeço a atenção ....

vamos lá !!!
abração !!!

[Daniel44]

Klayton,

Na minha opinão e mais facil fazer esse menu e sub-menu pelo Fireworks.
E depois colocar no Dream pelo codido HTML.

Qualquer dulvida entrar em contato.

Vlw.

[Julio Flavio]

Eu Tbm Estou Querendo Fazer Um SubMenu No Meu Site!

+ Quero Fazer Usando Somente o Dreamweaver 8!

Vou Tentar Fazer Como Disse o Fernando e Se Não Conseguir Volto Aqui Pra Pedir Ajuda e Se Conseguir Volto Pra Agradecer!



Vlw Pela Colaboração, Muito Bom Esse Fórum, Me Ajuda Muito!

Depois que eu testar eu volto aqui!

---------------------------------------------------------------------------------
VOLTEI...

Eu fiz como o Fernando falou e até deu certo, mas eu queria fazer uma pergunta:

Não tem como fazer pra quando passar o mause em cima de uma parte do menu aparecer em baixo uma outra imagem com o mesmo estilo do menu daí quando clicar é redirecionado para a página!

Pq ficou meio feio o estilo do submenu, daí se desse pra colocar uma imagem para aparecer embaixo do menu que passar o mause fica melhor!

Se tiver como eu agradeço muito se me ajudar!

Obrigado pela ajuda!

Edição feita por: Julio Flavio, 24/02/2010, 14:04.