Modificando cursor

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Modificando cursor

Mensagem por Appoloz em 16/02/12, 09:25 am

Qual é minha questão:
Bom, vi uns tutoriais de como alterar o cursor, e consegui "pela metade". Pois o cursor normal funciona, e o cursor sobre link não.

Eu gostaria que o normal fosse esse: http://www.cursors-4u.com/cursor/2010/09/04/kunai-naruto-3.html
E o sobre link esse: http://www.cursors-4u.com/cursor/2010/09/04/animated-spinning-kunai-naruto.html

Se alguém puder me mandar ao menos o código base para mim, ajudaria! (:

Medidas que eu tomei para corrigir o problema:


Links e imagens do meu problema:


Endereço do meu fórum:
http://narutowrpg2.forumeiros.com

Versão do meu fórum:
PHPBB2
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Modificando cursor

Mensagem por MateusV. em 16/02/12, 09:43 am

Olá, aceda a Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Aba 'Folha de estilo CSS' cole o codigo e salve
Código:
a:hover{cursor:url(http://cur.cursors-4u.net/anime/ani-11/ani1037.ani),url('URL CURSOR .CUR'),auto}

body {
cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1030.cur), url('URL CURSOR .GIF/.PNG'), auto;
}
Resulta? Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificando cursor

Mensagem por Appoloz em 16/02/12, 09:50 am

Resultou apenas o cursor normal, o cursor sobre-link ficou a típica "mãosinha".
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Modificando cursor

Mensagem por MateusV. em 16/02/12, 09:52 am

Olá, troque por este
Código:
a:hover{cursor:url(),url(http://cur.cursors-4u.net/anime/ani-11/ani1037.ani),auto}

body {
cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1030.cur), url('URL CURSOR .GIF/.PNG'), auto;
}
Resulta? Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificando cursor

Mensagem por Appoloz em 16/02/12, 10:01 am

Eu coloquei esse código:

Código:
body {
cursor: url('http://cur.cursors-4u.net/anime/ani-11/ani1030.cur'), url('http://cur.cursors-4u.net/anime/ani-11/ani1030.cur'), auto;
}

a:hover {
cursor: url('http://cur.cursors-4u.net/anime/ani-11/ani1037.png'), url('http://cur.cursors-4u.net/anime/ani-11/ani1037.png'), auto;
}

Sendo que o primeiro é o normal e o segundo é o sobre-link. Mas o sobre-link fica parado e não "gira" como era para ser feito.
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Modificando cursor

Mensagem por MateusV. em 16/02/12, 10:04 am

Substitua por este, não modifique nada.
Código:
body {
cursor: url('http://cur.cursors-4u.net/anime/ani-11/ani1030.cur'), url('http://cur.cursors-4u.net/anime/ani-11/ani1030.cur'), auto;
}
a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1037.ani), url(http://cur.cursors-4u.net/anime/ani-11/ani1037.png), progress !important;}
Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificando cursor

Mensagem por Appoloz em 16/02/12, 10:09 am

Infuncional apenas para o animado. ):
Será que não devia ser .gif em vez de .png?
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Modificando cursor

Mensagem por MateusV. em 16/02/12, 10:11 am

Olá, certo troque por este
Código:
body {
cursor: url('http://cur.cursors-4u.net/anime/ani-11/ani1030.cur'), url('http://cur.cursors-4u.net/anime/ani-11/ani1030.cur'), auto;
}
a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1037.ani), url(), progress !important;}
Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificando cursor

Mensagem por Appoloz em 16/02/12, 10:13 am

Agora ele fica a seta do mouse com a bolinha mostrando que está carregando, somente para o animado também.
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Modificando cursor

Mensagem por MateusV. em 16/02/12, 10:21 am

Olá, creio que o problema possa ser no url do cursor, mas tente com este codigo
Código:
a:hover{cursor:url(),url('http://cur.cursors-4u.net/anime/ani-11/ani1037.ani'), auto !important;}

body {
cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1030.cur), url('URL CURSOR .GIF/.PNG'), auto;
}
Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificando cursor

Mensagem por Appoloz em 16/02/12, 10:29 am

Podem fechar, não funcionou, quem sabem mais tarde eu vejo outro cursor. Mesmo assim valeu pela ajuda. xD
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Modificando cursor

Mensagem por iPrompt em 16/02/12, 11:12 am

Cara aqui no meu fórum funcionou Versão : Invision
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Modificando cursor

Mensagem por iPrompt em 16/02/12, 11:15 am

a:hover{cursor:url(),url('http://illiweb.com/fa/favicon/smiley.png'), auto !important;}

body {
cursor: url(http://illiweb.com/fa/favicon/smiley.png), url('URL CURSOR .GIF/.PNG'), auto;
}

( USE ESTE CODIGO SÓ QUE USA SO IMAGEM PNG E TENTA AQUI DEU )
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum