Mudar a seta do mouse
O padrão do ponteiro ou cursor do mouse é uma seta. É possível mudar a seta do mouse do visitante do seu site para qualquer imagem personalizada ou figura animada que você quiser.
Embora isso não seja aconselhável para qualquer website, mudar a seta do mouse em sites de jogos ou de anime por exemplo, pode ser uma boa pedida.
Para mudar a seta do mouse é necessário ter a imagem no formato .cur ou .ani em algum diretório do seu site para a seta personalizada funcionar. Uma vez que compreender como mudar o ponteiro do mouse usando o código HTML ou CSS, você pode experimentar até conseguir o efeito desejado.
Como mudar a seta do mouse parte do site
Para mudar a seta do mouse de uma parte do site usando html basta adicionar o código abaixo ao atributo desejado. Por exemplo, para trocar o ponteiro deste parágrafo, eu adicionei o código abaixo a tag <p>, por isso ele só irá mudar neste parágrafo. O que está entre parênteses deve ser trocado pelo caminho da imagem.
style="cursor: url('imagem/naruto.ani')"
Trocar o cursor do mouse site inteiro.
O modo mais fácil de trocar o cursor do mouse do site inteiro é aplicando o estilio a tag body. Procure pela tag body no código fonte do seu site e substitua pelo código abaixo.
< body style="cursor: url('imagem/naruto.ani')">
Mudando a seta do mouse pelo CSS.
Mudar a seta do mouse pelo CSS é bem simples. Basta copiar o código abaixo e colar entre as tags <head> </head> do seu site. Esta tag está localizada no início do código fonte de sua página.
<style> BODY{ CURSOR: url(http://www.criarsite.net.br/imagem/naruto.ani); } </style>









Se você quiser contribuir com dicas e tutoriais originais, entre em contato.
Mande-nos suas idéias e sugestões de tutorias e matérias sobre criação de site
This site uses valid HTML and CSS. All content Copyright © 2010
Inscreva-se no nosso feed e receba dicas exclusivas