Como fazer um MENU LATERAL responsivo (SIDEBAR) | HTML, CSS e JavaScript
Вставка
- Опубліковано 4 лют 2024
- Olá, pessoal!
Nesse vídeo, vou mostrar para você como fazer um menu lateral responsivo utilizando HTML, CSS e JavaScript. Vou te mostrar diversas funcionalidades do CSS, como FLEXBOX e GRID, além de demonstrar técnicas para posicionar elementos usando "position".
Repositório com o código:
github.com/Larissakich/sidebar
Redes sociais:
LinkedIn: / larissakich
Instagram: @dev_em_dev
E-mail:
larissakich04@gmail.com
Tema do VSCode:
Omni Owl - Наука та технологія
Que aula. Vc é perfeita. Umas das melhores didáticas do UA-cam. Parabéns.
Para alinhar a parte de Logout eu consegui fazer isso no final, com essas configurações deu certo, centralizou o icone com a sidebar aberta e fechada
Logout
Fantástico D+++ Larissa!!! Conteúdo de qualidade e objetivo e desenvolvendo apenas com HTML, CSS e JS puro, mandou bem ❤️
Cara, sensacional... Eu uso esse recurso nativo do Bootstrap mas nunca tinha parado pra fazer na unha e, o teu, ficou muito filé. Parabéns, teu canal e teus vídeos são muito bons 😊
Me Ajudou muito esse layout, ficou perfeito para um projeto que estou fazendo aqui... Obrigado por compartilhar
Amém. Que vídeo lindo obrigado por sua ajuda 😀, muitissimo grato. Que Deus te abençoe, te guarde e te ilumine.
Parabéns pela aula!
Muito top, parabéns 👏🏻👏🏻
Muito obrigada professora 🎉, aprendi muito em suas aulas. Muito sucesso 🎉
Vc ganhou mais um inscrito. ❤
muito boa sua aula parabens
Larissa, Boa Noite. Parabéns pela aula. Eu estou iniciando agora pergunto Como faço uma ação ao clickar neste icones laterais, exemplo eu mostrar neste lado direito um CRUD e dados do usuário do firebase
tem como vc da aula de como colocar scripts de segurança no site antes de subir ele no servidor?
ótima aula.
queria entender como montar uma página onde quando logo , aparece o usuario logado como vc fez e ter todas informações do usuario , tipos coisas favoritas , e quando ele sair , fica limitado aos acessos de um usuario , como informações exclusivas .
acredito que seja em javaScript..
Ficou show de bola... Muito obrigado por nos ensinar a fazer isso.
Uma pergunta: Como faço para criar sub-menus nele?
Top!
Muito obrigadaaa☺️
Ficou massa a sidebar, gostei de como ficou a animação de abrir e fechar. Ali no botão de logout, se usar um visibility no span do texto será q resolve ?
Um dia chegarei no seu nível! Muito top!
Muito obrigada haha ☺️
e como faz sub menu ?Tipo, clicando em uma opção aparece outra em baixo
Minha flor de lotus voce ensina muito bem, ficou ótimo seu trabalho, porem fala muito rápido, e ensina muito rápido!! lembre-se existe pessoas que tem dificuldade para pega as coisa. God bless you
Para alinhar o icone de logout pelo css tambem não consegui, mas alterando o Style dele diretamente no html deu certo para mim dessa forma. Ficou alinhado o Siderbar aberto e fechado.
Se achar a forma pelo css me responda pfv.
SAIR
Larissa e como ficaria o codigo para que pudesse mudar o elemento que esta selecionado com o mouse clicando, sem ser colocando aquele "active" na class
Oi Lari!! Tudo bom?
Qual plataforma você usa ou usou para aprender a programar?
Oii, tudo bem e você? Fiz alguns cursos da Alura e alguns da b7web, recomendo os dois, são muito bons
Não consigo acessar essa versão do GoogleFonts. Quando pesquiso só me direciona para uma nova versão.
Que estranhooo, tenta acessa esse link aqui: fonts.google.com/
Gostei, mais algumas coisas vc faz rápido e quem esta aprendendo e complicado acompanhar... E quem sabe não precisa ver... pensa nisso!
Esta parecendo narradora de jogo os torcedor so entende goooolll!! va mais de vaga, ensine com mais calma, ensinar e uma arte!! essa arte voce tem; todavia esta muito acelerada.
Top!!! Queria ver se consegue remodelar meu site? Te mandei um inbox no seu Instagram
Oii, te respondi lá
Blz, assim que possível dá uma verificada la