Gostaria de saber como faço para colocar o efeito do mouse em um link, quando passar o mouse sobre o link o escrito muda de cor...Valeu galera !!!
Efeito Mouse Over ! Urgente
Started By adriano.maciel, 27/01/2004, 09:55
1 reply to this topic
#2
Rodrigo Thiago
-
- Usuários
-
- 208 posts
Tava sumido mas voltei........
- Sexo:Não informado
- Localidade:são josé dos campos - sp
- Interesses:Musica, coldfusion, mulheres (nao necessariamente nesta ordem)
Posted 27/01/2004, 16:12
Existe 2 modos, 1 usando imagens e outro usando texto com css.
Se for usar imagens vc deverá fazer duas imagens iguais, uma azul e outra vermelha (exemplo somente) e então na paleta de ferramente vc insere o rollover image.
Quanto ao texto, ae vc vai ter que fazer um estilo para cada evento do link.
Exemplo:
<STYLE type="text/css">
.corp:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; text-decoration: none}
.corp:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; text-decoration: none}
.corp:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; text-decoration: underline}
.corp:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
text-decoration: none;
}
</STYLE>
Espero que tenha ajudado, qualquer coisa de um grito!
Se for usar imagens vc deverá fazer duas imagens iguais, uma azul e outra vermelha (exemplo somente) e então na paleta de ferramente vc insere o rollover image.
Quanto ao texto, ae vc vai ter que fazer um estilo para cada evento do link.
Exemplo:
<STYLE type="text/css">
.corp:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; text-decoration: none}
.corp:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; text-decoration: none}
.corp:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; text-decoration: underline}
.corp:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
text-decoration: none;
}
</STYLE>
Espero que tenha ajudado, qualquer coisa de um grito!
Rodrigo Thiago
Web Developer ASP/COLDFUSION/MYSQL/SQL-SERVER
rodrigo.thiago@gmail.com
white monkeys - Mande sua proposta / solicite seu orçamento
Web Developer ASP/COLDFUSION/MYSQL/SQL-SERVER
rodrigo.thiago@gmail.com
white monkeys - Mande sua proposta / solicite seu orçamento
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
