Home Tutoriais Design PHOTOPAINT – Como fazer Botão Rollover


1- Primeiro com a ferramenta de seleção que se encontra na caixa de ferramentas
(seta branca), selecione o texto Quem Somos.
2- Feito isso ! Ative o Menu Web / Criar efeito de ativação de objeto.

3- Irá abrir uma janela flutuante. Nesta janela possui 3 estados: Normal – Sobre – Clicado. É exatamente aí que criaremos o efeito rollover.

4- Com o texto Quem Somos selecionado selecione em Estado a opção Sobre e defina as configurações de acordo com o site que você esta criando.

URL: Você digitará o domínio completo do seu site + o nome da página que você criou no dreamweaver ou em outro editor de html.

ALT – Não precisa colocar nada, mas serve para colocar tipo um helpzinho básico.
Quando você esta em qualquer programa e passa o mouse no botão abre um retangulo com fundo amarelo falando o nome do botão. É para isso que serve o ALT. Se quiser você pode colocar no ALT: Link para a página Quem Somos
DESTINO: Vamos colocar _parent, pois quando você clicar no link Quem Somos irá abrir a página por cima da página principal e não em uma nova janela.
SOM – Serve se você quiser colocar um som ao acionar o botão.
Feito isso ! Ative a ferramenta TEXTO na caixa de ferramentas e selecione o texto Quem Somos e pinte de vermelho. Ao pintar de vermelho o estado tem que estar em: SOBRE.

5 – Com o texto anida selecionado vamos mudar o ESTADO para Clicado e trocar para uma outra cor o texto Quem Somos. Coloque uma cor Azul.

Deixe a mesma URL e PARENT como no passo anterior.

6- Pronto ! Depois é só fazer o mesmo procedimento para os outros textos. Após tudo concluído é só clicar no botão: Finalizar Efeito de Ativação.
Para visualizar em seu navegador. Pressione o botão visualizar no navegador.

Fonte: http://www.tutorzone.com.br/tutorial-photo-pint-como-fazer-botao-rollover/

   
Similar articles
0 1178

Leave a Reply

This blog is kept spam free by WP-SpamFree.