segunda-feira, 14 de janeiro de 2013

Tutorial: Efeito Hover no cursor

Oizinho pessoal, hoje eu trouxe um novo e excluisivo tutorial para o blog, esse é muito interessante, é como colocar efeito Hover no cursor.
Vocês devem ter visto que o nosso novo cursor é um setinha para cima, mas quando passa por imagems ou Links fica uma setinha para o lado, isso se chama efeito Hover!

 


Vamos ao tutorial?

  • Entre em Design, Adicionar um Gadget, HTML JV Script
  •  Cole o seguinte código:
 

<style>HTML,BODY, form, input {cursor: url("URLdoCursor1"), auto;}</style>
<style>A:hover{cursor:
url("URLdoCursor2"), auto;}</style>
 
  • Pegue o Url dos cursores 1 e 2 e cole no "Urldocursor1" (Que é o normal) e 
    "Urldocursor2" (Quando passa por Links e Imagems)
     
    Se quiser temos aqui alguns Cursores! (Qlique aqui) 
     
      

Nenhum comentário:

Postar um comentário