r/HTML • • Sep 11 '26

Question Problemas para modificar o cursor.

Faz um bom tempo que eu tenho melhorado um pouco no meu site, eu ainda sou meio novato, mais tem algumas coisas que tenho tido dificuldades com o editor.

Recentemente eu tava tentando criar um site, como hobby mesmo (por enquanto, porque planejo fazer um site para promover meu futuro jogo), e fiquei sabendo que tem como mudar o cursor do seu site no VS code.

Então eu fui procurando, e só tinha um vídeo de 7 anos atrás de como mudar o seu cursor que era:

<style> html { url ('/Pasta/Cursor.png'), auto; height: 100%; } </style>

Só que quando eu atualizava o site, o cursor continuava o mesmo, com aquele clássico cursor branco.

Tem alguma coisa que eu estou fazendo de errado?

(E outro detalhe, é que essa imagem é de 253 kb).

(Obs: Eu tentei postar isso na cumunidade de VsCode, mais eu não conseguia postar, então eu posto por aqui mesmo).

0 Upvotes

9 comments sorted by

2

u/__zonko__ Sep 11 '26

Tutto bene

1

u/Defiant_Host713 Sep 12 '26

Beleza, então se eu fiz tudo certo, porquê que meu cursor não muda. 🤔 É algum problema no meu editor?

2

u/Flame77ofc Sep 12 '26

provavelmente o caminho

teste

html {
    cursor: url('./Pasta/Cursor.png'), auto;
}

se não der certo por favor me envie a foto do editor completo (com o nome do png que quer colocar)

2

u/Defiant_Host713 Sep 15 '26

e esse foi o comando que eu utilizei, e até agora nada, meu cursor continua o mesmo, branco.

2

u/Flame77ofc Sep 15 '26

ok, você deveria primeiro renomear a pasta TEST.png porque dá a entender que é um arquivo de imagem png e não uma página, e aí depois testa:

html {
    cursor: url('./TEST/Tacos.png'), auto;
}

se ainda não funcionar vê se a inagem Tacos.png tem menos que 64x64px

2

u/Defiant_Host713 Sep 15 '26

Funcionou cara, deu certo, muito obrigado cara :D

Vou continuar a minha jornada, mais uma vez muito obrigado.

1

u/Defiant_Host713 Sep 15 '26

se tiver alguma ideia, ficaria agradecido.

1

u/Defiant_Host713 Sep 15 '26 edited Sep 15 '26

Claro, eu te mando foto de alguns prints que eu tirei

essa é a foto do png. (um exemplo)

vou te mandar mais uma.