Bem Vindo ao Gold Pixel aqui achará de tudo de bom para sua diversão.

Espero que achem oque precisam, caso não achem é só pedi em um novo tópico, para acessar qualquer conteúdo importante é preciso se Registrar primeiro e depois fazer login.



Participe do fórum, é rápido e fácil

Bem Vindo ao Gold Pixel aqui achará de tudo de bom para sua diversão.

Espero que achem oque precisam, caso não achem é só pedi em um novo tópico, para acessar qualquer conteúdo importante é preciso se Registrar primeiro e depois fazer login.

Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Você não está conectado. Conecte-se ou registre-se

Mudando o cursor do mouse em links

Ir para baixo  Mensagem [Página 1 de 1]

1Mudando o cursor do mouse em links Empty Mudando o cursor do mouse em links Seg Nov 05, 2012 3:58 pm

T-Lord

T-Lord
Fundador
Fundador

Bem, eu queria saber como mudar o cursor do mouse em links, e até achei
um tutorial de CSS muito complicado, e eu tive dificuldades de entender,
e acredito que muitos aqui também tiveram, então coloquei a cabeça pra
pensar e acabei descobrindo uma outra maneira existente de se realizar
esse efeito...


1 - Usando os cursores padrão -


É 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:





  1. [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



bastando apenas inserir


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





  1. style="cursor:hand"





  1. style="cursor:crosshair"





  1. style="cursor:text"





  1. style="cursor:wait"





  1. style="cursor:move"





  1. style="cursor:help"





  1. style="cursor:n-resize"





  1. style="cursor:s-resize"





  1. style="cursor:e-resize"





  1. style="cursor:w-resize"





  1. style="cursor:ne-resize"





  1. style="cursor:nw-resize"





  1. style="cursor:se-resize"





  1. style="cursor:sw-resize"



2 - Usando cursores personalizados -


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





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



É isso aí, até mais!

https://goldpixel.forumeiro.com

Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos