Olá pessoal!

Nesta quinta e última parte sobre Efeitos em Links, abordarei as dúvidas mais comuns que tenho recebido por e-mail.

1. Como colocar mais de um estilo de link na mesma página?

Um link, como foi explicado na coluna Efeitos em Links - parte 1, tem quatro "fases": a:active, a:hover, a:link e a:visited. Quando você define um estilo para cada uma dessas fases, todo os links da sua página ficam com o estilo. Para que você tenha links diferentes você tem que dar um nome ao estilo do link, veja o exemplo.

EXEMPLO:

Imasters

class="diferente">Coluna CSS

Ao definir um nome para o estilo, você pode utilizá-lo onde deseja que o link fique diferente do padrão, para isso você deve utilizar o atributo class.

class="diferente">Coluna CSS

2. Depois que eu clico em link que tem estilos, o a:hover não acontece mais, fica só o estilo do a:visited. O que eu faço?

Há diversas formas de contornar este problema (que varia conforme o estilo utilizado), abaixo eu explico a mais simples e eficaz.

Você pode ao invés de utilizar a:visited, utilizar o a, ficaria assim:

Quando visitado o link fica com o estilo como se fosse o a:visited, só que o link não perde o a:hover.

3. Quando passo o mouse por cima dos links a mãozinha não aparece, como posso forçar para que apareça?

No CSS existe a propriedade cursor que faz exatamente isto, define o estilo do cursor.

Para utilizar ela é bem simples, confira o exemplo abaixo:

EXEMPLO:

Existem vários cursores:

	cursor: crosshair
	cursor: default
	cursor: e-resize
	cursor: hand
	cursor: help
	cursor: move
	cursor: ne-resize
	cursor: n-resize
	cursor: nw-resize
	cursor: se-resize
	cursor: s-resize
	cursor: sw-resize
	cursor: text
	cursor: wait
	cursor: wresize

Continuem mandando e-mails que responderei a todos. Alguns e-mails não foram respondidos ainda por que abordarei o assunto em breve. Semana que vem tem novidades! Aguardem! ;)