Tutorial Photo Pint – 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 dominio 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.

Faça o primeiro comentário a "Tutorial Photo Pint – como fazer Botão Rollover"

Comentar

O seu endereço de email não será publicado.


*


 

Tutorial Photo Pint - como fazer Botão Rollover - TutorZone