Quer dar mais destaque aos links de suas páginas?
Um efeito muito comum é simular um ‘rollover’ simples, que é mudar a cor do fundo (background) e da fonte quando passar o mouse.
Procure deixar os links na cor original (azul) para não confundir o usuário. Mude somente as cores no efeito.
Código para inserir no seu html:
<style type=”text/css”>
a:hover {
background:#ff0;
color:#f00;
}
</style>
No background você escolhe a cor do fundo do link e em color a cor da fonte.
NOTA: todos os links da página serão afetados.
Retirar sublinhado e mudar a cor do texto:
<style type=”text/css”>
a:link, a:visited {
text-decoration: none
}
a:hover {
text-decoration: underline;
color: #f00
}
a:active {
text-decoration: none
}
</style>
Tamanho fonte links:
<style type=”text/css”>
a:link, a:visited, a:active {
text-decoration: none;
}
a:hover {text-decoration: underline;
color:#000;
font-size:150%;
}
</style>
O usuário sabe que um texto ou palavra na cor azul significa que pode ser clicado, até minha mãe sabe disso!
Todos esses efeitos devem ser estudados com cuidado antes de serem inseridos no site, principalmente no que diz respeito a cor e ao sublinhado.
O usuário sabe que um texto ou palavra na cor azul significa que pode ser clicado, até minha mãe sabe disso!
Mudar isso poderá reduzir a usabilidade do site.
Quer mais efeitos? Que tal colocar textos em movimento?