Mudando o cursor do mouse em links

Buuu · Fevereiro 22, 2015

Você deve inserir a seguinte tag entre as tags do cabeçalho (<head> e </head>):



 <style>

body { CURSOR: url('http://seuhospedeiro.dominio/nomedocursor.cur'); }

</style>

É muito simples, com isso você pode fazer aparecer o cursor como se estivesse carregando, ocupado, ajuda, e outros ao passar o mouse sobre uma imagen/texto. EX:



 <img src="http://www.blablabla.com/exemplo/ex.jpg" style="cursor:wait">

basta apenas inserir



style="cursor:XXX"

dentro da TAG, onde XXX é o nome do cursor. Abaixo estão os nomes:



style="cursor:hand" 



style="cursor:crosshair" 



style="cursor:text" 



style="cursor:wait" 



style="cursor:move" 



style="cursor:help" 



style="cursor:n-resize" 



style="cursor:s-resize" 



style="cursor:e-resize" 



style="cursor:w-resize" 



style="cursor:ne-resize" 



style="cursor:nw-resize" 



style="cursor:se-resize" 



style="cursor:sw-resize"

Usando cursores personalizados

Nesse caso deve se substituir o nome do cursor pela URL do cursor personalizado. Como no exemplo abaixo...



style="cursor: url(http://www.urldocursor.com/seucursor.cur)"

Fonte: CódigoFonte

Editado Fevereiro 22, 2015 por Buuu

Fevereiro 23, 2015

Belo tutorial

KroyBR · Fevereiro 25, 2015

Preview? -'

Março 5, 2015

Em vez de usar o style pode se usar uma folha de estilo CSS assim VC poderá configurar para todas as imagens e todas as páginas do seu site.

Entrar

Mudando o cursor do mouse em links

Posts Recomendados

Buuu

Link para o comentário

Compartilhar em outros sites

Guest CookiesBr

Link para o comentário

Compartilhar em outros sites

KroyBR

Link para o comentário

Compartilhar em outros sites

Guest miut3

Link para o comentário

Compartilhar em outros sites

Participe da Conversa

Popular Agora

Quem está navegando 0 membros estão online

Equipe