Curso de HTML #10 - Cursor personalizado em CSS

Подписаться 216 тыс.

Просмотров 24 тыс.

50% 1

Curso de HTML #10 - Cursor personalizado em CSS
Nesta aula do curso de HTML iremos aprender como personalizar o cursor do mouse nas páginas web.
Site do canal
cfbcursos.com.br
Colabore com nosso canal:
Qualquer valor usando o PIX: pixcfbcursos@gmail.com
Página de cursos no site
cfbcursos.com.br/cursos-cfb/
e-mails:
perguntas@cfbcursos.com.br
canalfessorbruno@gmail.com
Outros Links:
Vídeo Colabore com nosso canal: • Colabore com nosso canal
Canal youtube: / canalfessorbruno
Instagram: cfbcursos ou @cfbcursos
Twitter: @cfbcursos
Facebook: canalfessorbruno
RU-vid: / canalfessorbruno
vakinhas
www.vakinha.com.br/vaquinha/m...
www.vakinha.com.br/vaquinha/i...
Produção: Bruno P. Campos / CFB Cursos
Edição: Bruno P. Campos / CFB Cursos
Licença padrão do RU-vid
#cfbcursos #html #cursodehtml

Опубликовано:

17 май 2013

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 70

@israelandrade943 4 года назад

Muito bom

@leonardovitortorquatoiorio3796 3 года назад

Ótima aula Fessor, na faculdade eu não aprendo nem 20% do que eu aprendo aqui, muito obrigado!!!!!!

@charlesalexandreandersonlu8624 4 года назад

Obrigado. Boa aula. Abraço.

@marciafarias2535 Год назад

Ótimo profe q faz o melhor curso q já vi!

@JONNESROCK 8 лет назад

muito boa a explicacao kamarada valeu.

@divinopereiraalves9299 5 лет назад

Aula legal!

@cfbcursos 10 лет назад

Valeu Andre, qualquer dúvida é só perguntar...

@edvaldojunior6329 4 года назад

essse cara é foda

@cyraxvyrus 2 месяца назад

nao estava conseguindo pôr cursor justamente por conta do formato do "cur", tinha convertido a imagem de jpg p cur em um site mas msm assim n deu certo, ent resolvi o problema indo em um site proprio pra fazer cursores, so assim ent deu certíssimo assim como o professor ensinou. obrigado!

@ninguemdemais7201 6 лет назад

Hoje em dia parece que já não funciona mais vale o like um bom vídeo =)

@rogeriolaureanodacosta6224 9 лет назад

Você explica muito bem. Continue assim. Valeu.

@cfbcursos 9 лет назад

rogerio laureano da costa Valeu Rogério

@ronaldorpm3270 4 года назад

Essa aula é muito legal, personalizar o cursor é muito bacana, valeu Prof XD

@WadsonPontes 7 лет назад

Acabei de descobrir que o código que tiver não roda esse script. Ou seja, na versão HTML5 não é permitido mudar o cursor default do mouse. A solução que eu encontrei foi criar uma div tenha o tamanho da página e mudar o cursor dela, assim a página todo terá o cursor que vc quiser.

@WadsonPontes 7 лет назад

Uma forma mais fácil que achei foi colocar na tag html pelo css, pois no body não funciona no HTML5.

@andremassafera2297 3 года назад

para quem veio tentar este tutorial agora em 2021, vou postar aqui o meu codigo que funciona perfeitamente html, body { cursor:url('icon/cursor.cur'),auto; } < este comando aqui vai alterar o cursor de toda sua pagina sem links > a {cursor:url('icon/hand.cur'),hand;} < já este comando aqui serve para quando você passar o mouse em algo que contenha link >

@dalmojunior2769 3 года назад

Está Confirmado!!!! Ele ama carros

@luisvanderleihermansonrosa6045 7 лет назад

Segui a idéia do João Leandro Kievel Kievel e deu certo!!!

@cfbcursos 7 лет назад

show

@cfbcursos 9 лет назад

Pedro Gonçalves acredito que seu problema seja o seguinte, os locais que não estão funcionando provavelmente têm cursores predefinidos, adiciona a classe do cursor nestes objetos também...

@pedroa.5397 9 лет назад

eu tentei fazer isso mas ñ deu certo...me desculpe pelo abuso mas eu me dei a liberdade de enviar pro e-mail do canal

@cfbcursos 9 лет назад

Pedro Gonçalves Enviei pra você no e-mail...

@paulochrusciel 5 лет назад

A terminação .cur não funcionou em nenhum navegador, coloquei .png e funcionou no chrome.

@ronaldolucas5436 Год назад

Galera ainda vale apena aprender Flash !!!!

@pedroa.5397 9 лет назад

meu cursor nao aparece em td a tela,só em determinados pontos..já coloquei ele na tag body e continua com o msm problema...o q eu faço?

@carloscuervo8452 6 лет назад

No entendí lo que habla, pero funciona xD... Así que muito obrigado.

@cfbcursos 6 лет назад

kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk

@513ed 4 года назад

Gracias!!! kkkkkk

@edupammr 6 лет назад

Não consegui fazer o cursor personalizado apenas o da mãozinha.

@moniquelucena7829 9 лет назад

Como adicionar um vídeo do youtube no bloco de notas do html ?

9 лет назад

no meu caso só funcionou colocando em vez de no body no html html{cursor:url(cursores/pneu.cur),default}

@cfbcursos 9 лет назад

João Leandro Kievel Kievel Sem problemas

@thiagomacedo3674 4 года назад

eu não estava conseguindo também, e agora colocando html foi, obrigado

@luanamoutinho6534 7 лет назад

o codigo na folha de style body{background-image:url(caminho da imagem.jpg);} nãofunciona

@Esaito0200 3 года назад

Só uma dica para o pessoal: vi nos comentários q tem q mudar o tamanho antes de salvar para o .cur, tem q deixar bem pequeno (28px×28px)

@gruposemlimites7542 8 лет назад

fessor bruno dei uma pesquisada por ae e nao achei nenhum dicionario de tags html seria muito bom voce montar um e disponibilizar para dowload se for possivel creio q nao só eu mais muitos aqui irar gostar muito ... se conseguir achar algum link ou montar um arquivo deicha o link aqui por favor... *Desde-já agradeço*

@cfbcursos 8 лет назад

+Play loko Baixa as apostilas de HTML5, CSS3, e Javascript do site do canal, cfbcursos.com.br

@nathanaelcordeiro4376 4 года назад

ola, estou fazendo o curso e nao estou conseguindo colocar o cursor, tenho a imagem mas ela nao aparece, teria como me enviar a imagem que voce usou ?

@emersonricardodeangelisanu4380 7 лет назад

oi tudo bem com você como eu faço criar um cadastro de clientes html?

@cfbcursos 7 лет назад

Olá Emerson, você vai precisar um pouco mais do que HTML, vai precisar saber PHP e MySQL, após terminar os vídeos de HTML e HTML5 assista as aulas de PHP aqui do canal e tem também os cursor do projeto do site completo

@moniquelucena7829 9 лет назад

Eu queria saber como adicionar vídeos ao bloco de notas do html eu preciso saber rápido tenho um trabalho para amanhã sobre isso

@cfbcursos 9 лет назад

Use a tag EMBED ou a tag VIDEO

@rafaelsantana8167 8 лет назад

Não funcionou no meu!! Mas foi bem explicado e está compreensivo a aplicação. Professor estou usando o Sublime para editar os códigos, porém esse não está registrado será que é por isso que não está funcionando.Reparei isso desde das aulas onde começou a usar imagens.

@marcolocabrgamer9214 5 лет назад

meu tb n , edite o código e tire os espaços , comigo funcionou só assim ( os espaços no código de formatação body

@sambleisserosa2032 4 года назад

Segui tudo certinho, mas não consegui. Salvei a imagem do meu cursor como ".cur" e fiz a tag como mostrado, mas não rolou. Estou assistindo a aula em 2020, mudou alguma coisa?

@sauloves 4 года назад

também estou tentando e não consegui

@johnnywalker8536 4 года назад

@@sauloves O problema pessoal é que o body não pode estar vazio, caso contrário, realmente não funciona, também apanhei nisto, pois com uma página em branco nunca funciona. Eis um template que utilizei e funciona, somente posicionar o cursor perto do link: Cursores body{cursor: url(Eclair.cur), auto; } hello No comentário tem um site que você pode baixar cursores, se não achar nenhum, também funciona com png. Eis exemplos da moziila: developer.mozilla.org/pt-BR/docs/Web/CSS/cursor

@sauloves 4 года назад

@@johnnywalker8536 opa, obrigado pela ajuda, meu querido. Por algum motivo com .cur não tava rolando mas com .png deu certo depois de algumas tentativas. Valeu pelo help!

@sauloves 4 года назад

@@johnnywalker8536 ah, e outra coisa importante que eu percebi depois de muito apanhar: se o tamanho da imagem for muito grande, não vai aparecer também. Pode estar tudo certo, mas se a imagem estiver grande não aparece. Quando eu diminuí pra 28px rolou \o/

@luscazao 3 года назад

no html5 funcona apenas se tiver algo no body. Fiz o teste usando o html5 e o cursor aparecia apenas em um texto que adicionei ao body. Mas quando usei html normal, ficou na página toda.

@LaniaLFL 10 лет назад

e se eu quiser usar um cursor "gif" que se mexe sabe?? tipo.. no seu exemplo, a roda girar qdo passar em cima do carro??? q extensão uso? ou, muda o código totalmente?

@king478games5 9 лет назад

Lania LFL usa extensão gif

@LaniaLFL 9 лет назад

vlww

@higormenezes1639 8 лет назад

FIZ IGUAL A VOCE USANDO O CLOCO DE NOTAS E DEU CERTO, MAIS QUANDO TENTO FAZER NO MEU PROJETO NAP DA CERTO ALQUEM PODE ME AJUDAR POR FAVOR

@Dan1992ify 8 лет назад

fiz tudo certo mas não ta pegando no meu

@cfbcursos 8 лет назад

+Danilo ferreira Deve ser algum erro de digitação no seu código, passa um pente fino e se não encontrar manda pro email do canal pra eu dar uma olhada

@Dan1992ify 8 лет назад

+canalfessorbruno vo manda um print pra voce da uma olhada

@cfbcursos 8 лет назад

Danilo ferreira me envie por e-mail por favor.

@LinguagemDigitalArts 9 лет назад

No Mozilla o cursor não apareceu. Já no Google Chrome ele apareceu.

@cfbcursos 9 лет назад

Infelizmente o Mozilla não interpreta alguns comandos, é assim mesmo

@piticka 9 лет назад

Aqui nao apareceu em nenhum navegador

@cfbcursos 9 лет назад

Peterson Warley Testei o código no IE e Chrome, verifica algum erro no código se não achar me manda o arquivo que dou uma olhada

@piticka 9 лет назад

canalfessorbruno a qual e mail posso enviar?

@cfbcursos 9 лет назад

Peterson Warley canalfessorbruno@gmail.com

@gianmarcozkret 6 лет назад

Que chucha diras

@cfbcursos 6 лет назад

???

@karlamichelle1996 9 лет назад

meu cursor era com um gif, porém quando realizei os mesmos procedimentos no meu código não deu certo. posso ter errado algo? Mas segui o vídeo passo a passo.