Тёмный

Como fazer um menu vertical e horizontal com  

To Codando
Подписаться 1,8 тыс.
Просмотров 6 тыс.
50% 1

Nesse vídeo você vai aprender como criar um menu usando HTML e CSS. Esse simples menu será uma boa base para outros mais complexos.
Twitter: jmovs.com/ICrp
Instagram: jmovs.com/awOY
Facebook: jmovs.com/Jpv9
Grupo do Facebook : jmovs.com/LWLf

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

 

10 апр 2020

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 16   
@alessandrj
@alessandrj 4 года назад
Show esse vídeo! Me ajudou demais! ✌
@To_Codando
@To_Codando 4 года назад
que bom Ale :)
@lkn393
@lkn393 3 года назад
Quando passa o mouse, ele muda de tom bruscamente, como poderia fazer pra ter uma transição de cor mais suave? Aliás, parabéns pelo vídeo. Muito bom, abraço!
@To_Codando
@To_Codando 3 года назад
Opa, eu vou estar dando uma olhada no código mais tarde vejo isso pra você ok Muitos obrigado!
@To_Codando
@To_Codando 3 года назад
você pode usar animação com keyframe e definir a duração usando => animation-duration: 3s; Lembrando voce vai add o keyframe e animation-duration a onde voce ta chamando o evento :hover. segue um ex. a:hover { animation: example; animation-duration: 3s; } @keyframes example { from {background-color: #000000;} to {background-color: red;} }
@To_Codando
@To_Codando 3 года назад
Eu esqueci de falar. Você pode usar a propriedade transition e passar os segundo, isso da certo também
@xHermek
@xHermek 4 года назад
Como faria pra centralizar esse menu?
@To_Codando
@To_Codando 4 года назад
Opa, Para centralizar o texto no menu vertical: v-menu ul{ text-align: center;} Para boar o menu vertical no centro : v-menu{margin: auto}; Para centralizar o menu horizontal : .h-menu ul{ display: flex; justify-content: center;}
@oraculoseseusencantos2596
@oraculoseseusencantos2596 3 года назад
Estou tentando inserir no blogspot mas naão está ficando direito. Poderia me ajudar?
@To_Codando
@To_Codando 3 года назад
Olá, tudo bem? Posso sim! Me manda o código para eu dar uma olhada Thiagoramonfp355@gmail.com
@To_Codando
@To_Codando 3 года назад
Nossa apaguei sem querer sua msg. Assim que parar vou dar uma olhada lá
@ronigomesdearaujo8437
@ronigomesdearaujo8437 3 года назад
Amigo como que eu faço para criar um menu com borda e com submenu sem borda?
@To_Codando
@To_Codando 3 года назад
Opa, desculpa eu tenho ficado sem tempo, mas quando eu. Ficar tranquilo vou tentar te ajudar com esse sub menu A borda é fácil você pode botar no css Ex border: 1px solid black
@To_Codando
@To_Codando 3 года назад
Ex de de como botar borda -> border: 1px solid black *{ margin: 0; padding: 0; } .navbar ul{ list-style: none; --margin: 1rem 0 0 0 ; } .navbar ul li{ background: black; width: 170px; height: 50px; line-height: 50px; color: white; text-align: center; float: left; font-size: 1rem; position: relative; border: 1px solid #fff; } .navbar ul ul{ display: none; } .navbar ul li:hover{ background: #ccc; tras } .navbar ul li:hover > ul{ display: block; } .navbar .menu ul ul{ --top: 50; left: 50px; } .submenu{ position: absolute; } menu 1 menu3 sub 3-1 sub 3-2 sub 3-3 sub 3-3-1 sub 3-3-2 sub 3-3-3 sub 3-3-1 sub 3-3-2 sub 3-3-3 menu2 sub 3-1 sub 3-2
@To_Codando
@To_Codando 3 года назад
foi mal a demora eu estou na correria :( . o codigo que esta aqui na msg é um ex de menu com submenu .
Далее
Menu lateral com apenas HTML e CSS
21:37
Просмотров 142 тыс.
Criando um menu vertical com HTML e CSS
16:46
Просмотров 15 тыс.
когда повзрослела // EVA mash
00:40
Просмотров 1,9 млн
Спасибо Анджилишка, попил😂
00:19
Criar um menu Dropdown com HTML e CSS
11:24
Просмотров 17 тыс.
Reviewing your React Code: Episode #3
14:27
Просмотров 5 тыс.
DESAFIO FRONT-END: AULA 27
Просмотров 14
Unveiling CSS Grid in practice | Mayk Brito
36:17
Просмотров 371 тыс.
Criando menu horizontal Dropdown com HTML e CSS
15:04
Navbar Responsivo com Menu Dropdown (HTML5/CSS3)
19:15
CSS Grid Layout e Flexbox - Quando Utilizar
39:09
Просмотров 640 тыс.
когда повзрослела // EVA mash
00:40
Просмотров 1,9 млн