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.
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.
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
Ó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 😊🧡
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 ?
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! : )
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.
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
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. 👊🏾👊🏾
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
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.
Conteúdo sensacional e muito útil! Sem enrolação e com uma didática que dá gosto de assistir.
Parabéns 👏🏽👏🏽👏🏽
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 😁
Sou uruguaio, falo espanhol, mas entendi tudo o que foi explicado. Muito obrigado
Didática perfeita. Direto ao ponto.
Man um dos melhores vídeos que vi, vc sempre direto ao ponto e simples. Muito obrigado pelo conteúdo. Parabéns 🥳🥳🥳🥳
Muito obrigado pela aula me salva-se irmão
Ganhou um inscrito irmão, obg pelo ensinamento.
Muito top! Não para de fazer vídeos 🎉 você é muito brabo, didática excelente 🙂
Mano, muito obrigado por compartilhar seu conhecimento.
Já estou incorporando aos meus Dashboards do BI esse menu incrível.
integrei esse menu no meu projeto e ficou muito legal, parabéns pelo conteudo
Aula sensacional, obrigado! Vou utilizar no meu sistema PHP.
Top d+, totalmente direto ao ponto!!!!
Projeto muito bem explicado! Os dos melhores que já vi, parabéns!!!!!!!
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 😁
Cara, muito sua explicação é incrível
Nossa! Adorei sua didática! Parabéns!
vlw Ana! 😁❤️
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
Entrei por acaso no seu canal. Gostando bastante do conteúdo.
Aprendendo muito todos os dias!
Parabéns pelo vídeo e pela didática!
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
Excelente didática e ótimo vídeo.
Ó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
vc é muito bom cara, na moral, tu é foda
Pow mano vlw msm cara kkkkk Tmj sempre ❤️❤️👊👊
Ó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 boa suas aulas =)
Mano, ele está responsivo no modo mobile? Queria aprender a fazer isso também.
Excelente aula. Já estou inscrito. Todas as linhas bem explicadas.
Muito bom seu conteúdo. Obrigado
Consigo usar esse menu incluindo ele em meu tema na “loja integrada”?!
Parabéns irmão!
muito bom o conteúdo.
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
Muito bom irmão!
Top, Top, Top, sem palavras... 👏👏👏
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
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 😁
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, ficou lindo!
Obrigado ❤
Muito obrigado, excelente parabens.
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
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
Amigo nao estou achando este projeto no seu github poderia mandar o link?
amigooo obrigada viu!
me ajudou muitooooo!
o span seri so pra destacar um texto nao é correto usar div ou so a class ou id para o menu
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 ?
parabens pelo conteudo...top 10!!!
Valeu Thiago! 👊🏾❤️
Adorei o video❤
Como eu posso fazer pra que só fiquei opções não fiquem pra fora, aparece só quando clica naquelas 3 barrinhas ?
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 😁
massa top demais me ajudouy mt
Video muito bom
Como que eu consigo unir o ficheiro html com o ficheiro css??
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
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?
Muito bom, tmj é nois
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! : )
Hey! Qual tema está usando ?
Fala mano, eu uso o conjunto de temas da One Dark Pro
amei!!!
Que bom q gostou, Micaele hehehe ❤️👊
Eu não estou conseguindo colocar junto com o CSS
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 😁
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.
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 😁💪🏼
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);