18/11/2010

Cursor do mouse personalizado no seu site

Já pensou alguma vez em mudar ponteiro do mouse em determinada área do seu site? Talvez uma lupa, ao passar o mouse em cima de uma foto que pode ser ampliada com um clique, um mapinha ao passar o mouse sobre um endereço, ou um telefoninho ao passar o mouse sobre um número...

É bem simples, para isso, você precisa de duas imagens... um GIF, que funcionará no Firefox, e um arquivo .CUR para funcionar no IE (sempre complicando nossa vida, você encontra na internet, diversos sites que convertem GIF para CUR).

Depois, basta inserir o seguinte código CSS no local onde quer que a rolagem troque de cursor, mas atenção, este CSS deve ser inline, ou deve estar no topo da página, talvez você tenha problemas importando este CSS de um arquivo CSS externo.

cursor: url(caminho/cursor.cur), url(caminho/cursor.gif), auto;

Simples!

0 comentários:

Postar um comentário

Posts mais populares