Primeiro: Copie esse código e cole num editor de textos eu indico: bloco de notas.
<style type='text/css'>HTML,BODY{cursor: url("URL DA SUA IMAGEM"), url("URL DA SUA IMAGEM"), auto;} A:hover{cursor: url(";URL DA SUA IMAGEM"), url("URL DA SUA IMAGEM"), auto;}</style>E ai, copiaram?? pois bem, agora vou explicar...
Os 2 primeiros endereços , vai ser o cursor que vai ficar estático, exemplo essa setinha:
Os 2 segundos endereços são as imagens que vão aparecer quando você passar o mouse em cima de algum link! exemplo essa mãozinha :
É só isso... tem dificuldade?? basta salvar o código e pronto!
Lá no blog você encontra alguns cursores, já prontos, veja: Cursores 1 Cursores 2
E se esses cursores não lhes agradar, vocês podem fazer os seus próprios com o código acima!
espero ter ajudado e que tenham gostado!
beijos
4 comentários:
Eu adoro esse tutorial!!! Foi com ele que fiz meus primeiros cursores :3
Beijus<3
http://reinokawaii.blogspot.com
Nuss, amei esse blog.
O tutorial ficou ótimo. Bjs ! \o/
Só não ensina como fazer com editores. Se não todo mundo vai começar a fazer e fica sem graça!
Já sabia e até comecei a disponibilizar cursores lá no Pink Pimenta! Gostei do tutorial!
http://pinkpimenta.blogspot.com
Este seu cursor no efeito hover é muito fofiinhoo *-*
Já uso e indico! rsrs
http://garotasederivados.blogspot.com/
Postar um comentário