Olá! Sexta Feira, 05 de Dezembro de 2008.


Dicas CódigoFonte.net
Domingo, 14 de Dezembro de 2003

Cursores Personalizados


Opa Galera.

Hoje ensinarei como personalizar o cursor do mouse ao abrir sua página.

O código é o seguinte: 

  <style>
body { CURSOR: url('http://codigofonte.net/img/cursor_azul.cur'); }
</style>


O código acima muda o cursor para uma imagem (*.cur - imagem de cursor), mas você ainda pode configurar para usar os padrões do Windows.

O nomes são:

crosshair - Muda para uma cruz
hand - Muda para uma mãozinha
move - Muda para o cursor que é ativado quando você move uma janela
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize e w-resize - Mudam para cursores de redimencionamento de janelas.

Para utilizá-los, use o seguinte código: 

  <style>
body { CURSOR: NOME_ACIMA; }
</style>


Pode-se notar nesta página um exemplo de cursor.

Bom, por hoje é só.

Até mais.

Comentários do artigo [Novo comentário]

joao paulo barbosa de freitas - 02 de Novembro de 2008 - 13:17
Mto bom deu certinhooo!
Para adicionar um comentário você deve efetuar o login

Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:




Melhor Visualizado com
800x600 de Resolução
CodigoFonte.net » CodigoFonte.eti.br » Procurando o que comprar? » MeuMural.com.br » Todos os Direitos Reservados © 2002/2008

Procurando Notebooks, Câmeras Digitais, iPhones?

CompreDeTudo.com