CHUUUUUUUUUPPPPAAAAAAA PRIMENG E ANGULAR! O cara aqui no vídeo fez muito melhor e com uma simpatia fora do normal!!! Me salvou em um projeto! #gratidão .
Parabéns pela iniciativa em disponibilizar em tão boa vontade seu conhecimento. Parabéns tbm pela simpatia e pela didática, ensinou melhor que o meu professor.
ul>li*5.item-menu>a>span.icon+span.txt-link ----> ATALHO PARA CRIAR TODA ESTRUTURA DO ELEMENTO UL no VsCode. depois de colar no VsCode, apaga o "k" no final, escreve dnv e da TAB
Ai, adoro seus vídeos, estou aprendendo muito... você é diferenciado... Eu queria dar uma sugestão, um cadastro de clientes com HTML, CSS, JavaScript, php e MySql... Valeu, você não tem nem ideia de como você está ajudando.
Ótimo conteúdo, muito obrigado por passar um pouco de seus conhecimentos. abs. OBS: Agora q terminei a parte 1 vou aprender um pouco mais com a aula 2. vlw.
Nesse vídeo em específico eu usei o tema Rain Glow 😁 Tem um vídeo aqui no canal onde explico como configurar o VS Code, passa lá que ensino tudo com detalhes 😊🧡
Oii @felpsgamer3258 eu também tive essa dúvida quando estava fazendo! Vou te passar as alterações que fiz: No CSS, em 'nav.menu-lateral' você precisa alterar: padding: 40px 1% 40px 0; right: 0; O prof usou left 0, então para que fique do lado direito, ao invés de left deve ser right. Espero que tenha entendido! : )
Não utilizei extensões para aplicar esse efeito, para ser sincero nunca reparei nisso kkkkkkkk acredito que seja do tema que eu esteja usando que se chama Rainglow, só pesquisar na loja de extensões do VS Code
Gostaria de entender no caso do alinhamento dos icon com o texto dos menus foi usado um line-height ao invés de um align-items:center no caso de star em um display:flex, qual o impácto disso?
O line-height é a altura entre as linhas de um texto. Por padrão, msm o texto tendo uma única linha, o CSS aplica um line-height o que pode deixar o texto desalinhado de outros elementos. Então para resolver isso podemos apenas diminuir o line-height do texto até ficar alinhado, e como essa propriedade já resolve, aí não é necessário usar o align-items: center. Mas o align-items: center iria resolver tbm sem problema nenhum. Apenas optei por usar o line-height
Rapaziada preciso de ajuda. Primeiramente otima aula parabens mano, mas minha barra lateral faz com que eu nao consiga inserir outros elementos no body, os elementos acabam por ficar embaixo dela alguem pode me ajudar ?
Fala Raimundo, obrigado pela dica irmão. Mas nesse vídeo optei por usar padding para ensinar essas funcionalidades. Só lembrando que não existe uma maneira certa ou errada de 'programar' kkkk se você chegou a um resultado igual ao meu e usando outros métodos, tbm fica show kkkkk
Fala Brenno, nesse projeto não ensinei a fazer isso para não ficar muito longo kkkkk mas assim, para quem tem o conhecimento não é difícil de fazer não kkkkkk, vai exigir habilidades com HTML e CSS para incrementar no menu, e javascript para adicionar o dinamismo. Então eu diria q a dificuldade é relativa 🤣
@@InteliogiaDev vi um vídeo aqui que mostra como fazer, vou tentar e adaptar a minha situação, confesso que me enrolo muito as vezes. Não é minha área, estou estudando programação faz pouco tempo, é um mundo gigante. Você é um bom profissional, gosto das suas aulas, são bem explicadas. Parabéns.
cara esse negocio de ter que voltar em outro video pra ver algo quebra muito a dinamica, eu sei que isso é bom pra vc mas é ruim pra quem esta no começo. mas sou muito grato pelos seus videos parabens é mais uma critica construtiva
Fala mano, agradeço pela crítica kkkkk mas eu faço isso não é pq é bom para mim, mas para evitar que o vídeo fique maior do que já está. Imagina só eu ter que explicar como configurar as fontes do projeto? Além enrolar muito vai provocar uma quebra na linha de raciocínio do vídeo, vai entrar num assunto nada a ver com o projeto principal e o vídeo ficaria imenso. Então é mais por uma questão de praticidade, para deixar o vídeo mais direto possível. 👊🏾👊🏾
CHUUUUUUUUUPPPPAAAAAAA PRIMENG E ANGULAR! O cara aqui no vídeo fez muito melhor e com uma simpatia fora do normal!!! Me salvou em um projeto! #gratidão .
tô igual a ti mano
Parabéns pela iniciativa em disponibilizar em tão boa vontade seu conhecimento. Parabéns tbm pela simpatia e pela didática, ensinou melhor que o meu professor.
Muito bom, cara. Parabéns!
Conteúdo sensacional e muito útil! Sem enrolação e com uma didática que dá gosto de assistir.
Parabéns 👏🏽👏🏽👏🏽
Ganhou um inscrito irmão, obg pelo ensinamento.
Man um dos melhores vídeos que vi, vc sempre direto ao ponto e simples. Muito obrigado pelo conteúdo. Parabéns 🥳🥳🥳🥳
integrei esse menu no meu projeto e ficou muito legal, parabéns pelo conteudo
Nossa! Adorei sua didática! Parabéns!
vlw Ana! 😁❤️
Didática perfeita. Direto ao ponto.
Aprendendo muito todos os dias!
Mano, muito obrigado por compartilhar seu conhecimento.
Já estou incorporando aos meus Dashboards do BI esse menu incrível.
Muito obrigado pela aula me salva-se irmão
Top d+, totalmente direto ao ponto!!!!
Projeto muito bem explicado! Os dos melhores que já vi, parabéns!!!!!!!
Cara, muito sua explicação é incrível
Parabéns pelo vídeo e pela didática!
Muito top! Não para de fazer vídeos 🎉 você é muito brabo, didática excelente 🙂
Parabéns, brother!
conteúdo muito bom mesmo.
Estou aguardando a parte 2 desse vídeo.
Fala irmão, vlw msm kkkk semana que vem sai a parte 2 😁
Excelente didática e ótimo vídeo.
Aula sensacional, obrigado! Vou utilizar no meu sistema PHP.
vc é muito bom cara, na moral, tu é foda
Pow mano vlw msm cara kkkkk Tmj sempre ❤️❤️👊👊
Sou uruguaio, falo espanhol, mas entendi tudo o que foi explicado. Muito obrigado
Entrei por acaso no seu canal. Gostando bastante do conteúdo.
Muito boa suas aulas =)
Muito obrigado, excelente parabens.
Excelente video, usei sua ideia para implementar um projeto de intranet da empresa. Parabéns!
Poow mano aí sim. Ainda bem que consegui te ajudar nessa kkkkkk
@@InteliogiaDev tmj
Top, Top, Top, sem palavras... 👏👏👏
ul>li*5.item-menu>a>span.icon+span.txt-link ----> ATALHO PARA CRIAR TODA ESTRUTURA DO ELEMENTO UL no VsCode.
depois de colar no VsCode, apaga o "k" no final, escreve dnv e da TAB
Muito bom seu conteúdo. Obrigado
Ótimo conteúdo bem explicadinho, didática muito boa
Já ganhou mais um inscrito aí, parabéns pelo vídeo.
Sucesso! 👍
Partiu parte 2
Seja bem vindo mano, parte 2 ta aí para a gente curtir kkkkkkk
Ai, adoro seus vídeos, estou aprendendo muito... você é diferenciado... Eu queria dar uma sugestão, um cadastro de clientes com HTML, CSS, JavaScript, php e MySql... Valeu, você não tem nem ideia de como você está ajudando.
Pow que massa que eu to conseguindo te ajudar hehehe muito obrigado! Vou anotar a sua ideia, pretendo trazer mais assuntos como esse em 2025 😁
amigooo obrigada viu!
me ajudou muitooooo!
Ótimo conteúdo, muito obrigado por passar um pouco de seus conhecimentos. abs.
OBS: Agora q terminei a parte 1 vou aprender um pouco mais com a aula 2. vlw.
Muito bom irmão!
Muito bom, ficou lindo!
Obrigado ❤
Parabéns irmão!
muito bom o conteúdo.
Excelente aula. Já estou inscrito. Todas as linhas bem explicadas.
massa top demais me ajudouy mt
Adorei o video❤
parabens pelo conteudo...top 10!!!
Valeu Thiago! 👊🏾❤️
amei!!!
Que bom q gostou, Micaele hehehe ❤️👊
Muito bom, tmj é nois
Video muito bom
o código do css não tá sendo aplicado junto com o HTML no meu :(
Oi Kayla
Então, acredito que vc não chamou o CSS corretamente, tenta refazer como faço no vídeo e vê se isso corrige 😁
E sempre bom olha o caminho do css que está abaixo de title
Boa noite . Qual tema você usa no VSC ?
Nesse vídeo em específico eu usei o tema Rain Glow 😁
Tem um vídeo aqui no canal onde explico como configurar o VS Code, passa lá que ensino tudo com detalhes 😊🧡
Muito bom o conteúdo! Parabéns! Uma dúvida. O conteúdo que estiver no resto da página vai acompanhar o movimento do menu? Obrigado!
Muito obrigado Clayton. Então durante a produção do código eu deixei ele como fixo, então se a página rolar, o menu fica fixo sim 😁
Consigo usar esse menu incluindo ele em meu tema na “loja integrada”?!
❤❤❤❤
como posso fazer para essa barra ficar do lado direito da tela?
Oii @felpsgamer3258 eu também tive essa dúvida quando estava fazendo! Vou te passar as alterações que fiz:
No CSS, em 'nav.menu-lateral' você precisa alterar:
padding: 40px 1% 40px 0;
right: 0;
O prof usou left 0, então para que fique do lado direito, ao invés de left deve ser right.
Espero que tenha entendido! : )
Mano, ele está responsivo no modo mobile? Queria aprender a fazer isso também.
o span seri so pra destacar um texto nao é correto usar div ou so a class ou id para o menu
Opa estou em dúvida fui fazer no meu e até deu certo, porém quando eu adicionei position fixed os outros ícones sumiram e ficou só o home
Amigo nao estou achando este projeto no seu github poderia mandar o link?
Como que eu consigo unir o ficheiro html com o ficheiro css??
Bom dia !!! Extensão voce usou para aparecer essa sombra na hora de voce usa as class exemplo:
Não utilizei extensões para aplicar esse efeito, para ser sincero nunca reparei nisso kkkkkkkk acredito que seja do tema que eu esteja usando que se chama Rainglow, só pesquisar na loja de extensões do VS Code
Hey! Qual tema está usando ?
Fala mano, eu uso o conjunto de temas da One Dark Pro
Gostaria de entender no caso do alinhamento dos icon com o texto dos menus foi usado um line-height ao invés de um align-items:center no caso de star em um display:flex, qual o impácto disso?
O line-height é a altura entre as linhas de um texto. Por padrão, msm o texto tendo uma única linha, o CSS aplica um line-height o que pode deixar o texto desalinhado de outros elementos.
Então para resolver isso podemos apenas diminuir o line-height do texto até ficar alinhado, e como essa propriedade já resolve, aí não é necessário usar o align-items: center. Mas o align-items: center iria resolver tbm sem problema nenhum. Apenas optei por usar o line-height
Bom dia !!! outra pergunta voce tem video ensinando a fazero submenu ? nesse mesmo modulo ??/
Ainda não Wallison. Estou trabalhando em um vídeo que fale sobre isso. Como criar um submenu 😁
Rapaziada preciso de ajuda. Primeiramente otima aula parabens mano, mas minha barra lateral faz com que eu nao consiga inserir outros elementos no body, os elementos acabam por ficar embaixo dela alguem pode me ajudar ?
Gostei muito da sua ideia, tem algum problema eu me inspirar nela pra um projeto da minha empresa? Muito Obrigado,otimo conteúdo.
Fala mano, pode usar a vontade kkkkkk
Como eu posso fazer pra que só fiquei opções não fiquem pra fora, aparece só quando clica naquelas 3 barrinhas ?
Eu não estou conseguindo colocar junto com o CSS
Se alguém conseguir tirar minha dúvida eu agradeço,
Na barra da lateral quando eu encurto ela, os ícones ficam muito espaçados o que pode ser?
O meu menu fica aparecendo atrás dos outros elementos do site. Ele não sobrepõe. Oque eu faço?
Fala Felipe. No CSS coloca a propriedade 'z-index' na classe 'menu-lateral' com um valor bem alto, tipo 99999999. Isso já deve resolver 😁
Mais uso de FlexBox e Menos Espaçamento interno iria ficar show na minha humilde opinião! Mas de qualquer forma ficou lindo 🎉❤
Fala Raimundo, obrigado pela dica irmão. Mas nesse vídeo optei por usar padding para ensinar essas funcionalidades. Só lembrando que não existe uma maneira certa ou errada de 'programar' kkkk se você chegou a um resultado igual ao meu e usando outros métodos, tbm fica show kkkkk
@@InteliogiaDev É isso aí, irei usar o seu layout em projeto meu 😁💪🏼
Uma dúvida. Se eu tiver sub-menus e quiser que eles abram ao clicar no menu e deslize de cima pra baixo, é muito complicado de fazer?
Fala Brenno, nesse projeto não ensinei a fazer isso para não ficar muito longo kkkkk mas assim, para quem tem o conhecimento não é difícil de fazer não kkkkkk, vai exigir habilidades com HTML e CSS para incrementar no menu, e javascript para adicionar o dinamismo. Então eu diria q a dificuldade é relativa 🤣
@@InteliogiaDev vi um vídeo aqui que mostra como fazer, vou tentar e adaptar a minha situação, confesso que me enrolo muito as vezes. Não é minha área, estou estudando programação faz pouco tempo, é um mundo gigante. Você é um bom profissional, gosto das suas aulas, são bem explicadas. Parabéns.
Tem como enviar link do projeto pra baixa o meu deu erro
Na descrição do vídeo tem o link para o meu GitHub, lá você pode pegar os códigos que usamos aqui no canal 😁
Mim perdi css, não sei usar
Tem como transformar uma imagem em um icone desse?
Recomendo vc visitar o site Flaticons, ele é uma biblioteca de ícones paga, mas possui alguns gratuitos
como faço pra colocar o conteudo no meio
É um pouco mais complexo kkkkkk deixo para explicar isso em outro vídeo
Também gostaria de saber, quero criar um menu superior e um footer e conseguir criar um conteúdo no meio desses 2
cara esse negocio de ter que voltar em outro video pra ver algo quebra muito a dinamica, eu sei que isso é bom pra vc mas é ruim pra quem esta no começo. mas sou muito grato pelos seus videos parabens é mais uma critica construtiva
Fala mano, agradeço pela crítica kkkkk mas eu faço isso não é pq é bom para mim, mas para evitar que o vídeo fique maior do que já está.
Imagina só eu ter que explicar como configurar as fontes do projeto? Além enrolar muito vai provocar uma quebra na linha de raciocínio do vídeo, vai entrar num assunto nada a ver com o projeto principal e o vídeo ficaria imenso.
Então é mais por uma questão de praticidade, para deixar o vídeo mais direto possível. 👊🏾👊🏾
meu código JS tem problema?
const nav = document.getElementById('burge')
const menu = () => {
nav.classList.toggle('abrir');
};
nav.addEventListener('click', menu);