10/07/2013

Personalizar o cursor hover


Oi, tudo bem com vocês?
Hoje trago um tutorial,
que se você reparou quando você entra aqui no blog,
o cursor é personalizado, bonito, não?
Este tutorial é diferente de alguns pois ele é hover,
ou seja, não é só a seta que muda a mãozinha também.
É bem simples:

1- Copie o código abaixo:


<style>HTML,BODY, form, input {cursor: url("URL_CURSOR_NORMAL"), auto;}</style>
<style>A:hover{cursor:
url("URL_CURSOR_NO_LINK"), auto;}</style>

2- Vá no layout do seu blog e adicione um gadget de HTML/Javascript. 
Cole neste gadget o código que você copiou.

3- Agora é só substituir onde se pede o link da imagem do cursor normal 
e o link da imagem do cursor quando passar por um link.
4- Salve o gadget e pronto!

Você pode encontrar vários cursores aqui 

Não sei de quem é esse tutorial, 
já vi ele em vários blogs, se você souber de quem é, me avise!

Nenhum comentário:

Postar um comentário

Olá Desvendadores!
Eu modero todos os comentários, porque gosto de ver que chegaram, e de retribuir. Comentem a vontade, mas seguindo essas regras:

• Seguindo , segue de volta ? - Eu aceito, mais fale alguma coisinha sobre o post, e também não minta pra mim, se você seguir, eu vou lá e retribuo.
• Não ofenda ou xingue as pessoas nos comentários
• Pode deixar o link do seu blog que eu retribuirei.

Seguindo essas regras, podem comentar o quanto quiser :)

Desenvolvimento por: Mariely Abreu | Todos os direitos reservados ©. voltar ao topo