09 fevereiro 2012

como fazer cursores

Oi meninas... hoje vim postar um tuto bem facinho de como se fazer um cursor,  esses é pras meninas que gostam ou querem fazer aquele cursor com as iniciais do blog e tals.. é super útil  hihi

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:

Roberta :3 disse...

Eu adoro esse tutorial!!! Foi com ele que fiz meus primeiros cursores :3
Beijus<3
http://reinokawaii.blogspot.com

Lay disse...

Nuss, amei esse blog.
O tutorial ficou ótimo. Bjs ! \o/

dribs disse...

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

Erica Lima disse...

Este seu cursor no efeito hover é muito fofiinhoo *-*
Já uso e indico! rsrs

http://garotasederivados.blogspot.com/