LOGIN:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

Quinta-feira, 04/09/2003 - 01:00 - Por Mariana Frioli
Seções relacionadas:

Efeitos em links - Parte 05

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! ;)

Todos os artigos de Mariana Frioli

1 comentários publicados

  • 1. ninja

    Sexta-feira, 01/04/2005, por Vitor Reis

    Amigos problemão hein o CODIGO HAND é PROPRIETÁRIO do style cursor, eu quero saber qual a sintaxe para netscape ??? / mozila etc.

    Abraços me manda um e-mail quando publiciar issu

    Responder comentário

Poste um comentário


Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

Mariana Frioli é responsável pela criação no desenvolvimento web da Universidade Paulista.


Indique para um amigo

captcha

TI SHOP Produtos iMasters

  • Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
  • Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
  • DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
  • DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.