Тёмный

Crear un Menú de navegación con HTML y CSS - Desarrollo Web 

Roger Natividad
Подписаться 17 тыс.
Просмотров 102 тыс.
50% 1

Hola amigos, en este vídeo les mostrare como crear un simple y sencillo #menu de #navegación utilizando puramente #HTML y #CSS, y veremos que están sencillo crearlo.
Apoyame para un café ☕:
-----------------------------------
www.paypal.com/paypalme/roger...
Código Fuente:
------------------------
github.com/RogerNatividad/Cre...
Sígueme en las redes:
-------------------------------------
📰Blog: rogernatividad.dev
📷Instagram: / rogernatividad.dev
📑Facebook: / rogernatividad.dev
🐦Twitter: / rogernatividad.dev
👨‍💼LinkedIn:

Наука

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

 

26 мар 2020

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 95   
@Ounett
@Ounett 4 года назад
Uff, justo lo que buscaba :') Gracias espero subas, te lo mereces
@RogerNatividadDev
@RogerNatividadDev 4 года назад
Espero te aya servido. Saludos
@DavidSanchez-tl5ou
@DavidSanchez-tl5ou 2 года назад
Gracias amigo, eres de las pocas personas que explica bien y más encima nos facilita el código sigue así saludos
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Gracias saludos
@valentinahenaoramirez687
@valentinahenaoramirez687 10 месяцев назад
Vi tantos tutoriales, y el tuyo es el único que sentí bastante claro, muchas gracias
@RogerNatividadDev
@RogerNatividadDev 10 месяцев назад
Gracias y me alegro que aya servido
@breacher-dev5941
@breacher-dev5941 2 года назад
año 2022 y me gusta la parte web alguien que explica bien sigue a si
@carlosmoreno8871
@carlosmoreno8871 Год назад
Muchas gracias por la explicación tan puntual, un suscriptor más 👍👍
@retricoman1119
@retricoman1119 4 года назад
Muy buen video man, espero sigas subiendo contenido de este tipo :)
@RogerNatividadDev
@RogerNatividadDev 3 года назад
Se vienen mas contenidos de Desarrollo Web
@scv1300
@scv1300 2 года назад
Gracias, Felicitaciones, me ayudo, estoy iniciando logré hacer mi primer menú con imagen.
@melinacarraro7320
@melinacarraro7320 3 года назад
Yo normalmente uso display: flex y justify- content pero me gusto mucho el video 👍
@RogerNatividadDev
@RogerNatividadDev 3 года назад
Gracias espero te ayas servido.
@josegarcia-ey2tc
@josegarcia-ey2tc 2 года назад
muchas gracias! excelente video :D
@totimang
@totimang 2 года назад
Hola, tengo 3 botones en mi nav para que vaya a mis respectivas 3 section, el problema es cuando le doy clic a un boton, va hacia la seccion, pero me ocupa el "height" de mi "header", osea si mi "header" es de "height: 100px;" cuando le doy clic a un boton del nav, me ocupa 100px arriba de la seccion. Me di cuenta que si le doy "padding: 100px" a c/seccion eso se arregla, pero no quiero hacer eso. Hay alguna forma de evitar esos px del "header"?? Mi barra de nav esta fija con "position: sticky;" y le di "scroll-behavior: smooth;" al html. =D
@aldiscazzola9332
@aldiscazzola9332 11 месяцев назад
muchas gracias por tu video, me ayudaste muchisimo!!
@RogerNatividadDev
@RogerNatividadDev 11 месяцев назад
Saludos crack
@tutthe23
@tutthe23 2 года назад
Muy bueno, muchas gracias
@RogerNatividadDev
@RogerNatividadDev 2 года назад
De nada crack
@julianzimi9193
@julianzimi9193 2 года назад
muy bueno, muchas gracias
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Me alegro que te aya servido
@franciscoacevesbanda5196
@franciscoacevesbanda5196 Год назад
Maestro Usted es un Crack !!👌
@RogerNatividadDev
@RogerNatividadDev Год назад
De nada espero te haya servidor crack 🙌🏻
@franciscoacevesbanda5196
@franciscoacevesbanda5196 Год назад
@@RogerNatividadDev Quedo Excelente, justo la asesoría que esperaba 👍 Mil "Gracias Maestro"
@catilohg4252
@catilohg4252 5 месяцев назад
gracias amigo, te queremos
@RogerNatividadDev
@RogerNatividadDev 5 месяцев назад
Saludos crack
@darkogamesxd9237
@darkogamesxd9237 2 года назад
muchas gracias por tu video hermano
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Me alegra que ata servido
@oscarharveyromeroforero3246
@oscarharveyromeroforero3246 6 месяцев назад
muchas gracias explicas muy bien
@RogerNatividadDev
@RogerNatividadDev 6 месяцев назад
Gracias saludos crack
@facundorodriguez3261
@facundorodriguez3261 3 года назад
Sos GOOOOOOD amigo
@RogerNatividadDev
@RogerNatividadDev 3 года назад
Me alegro te aya servido.
@uziferace5223
@uziferace5223 7 месяцев назад
Gracias man
@gameplayfenix4254
@gameplayfenix4254 3 года назад
disculpa amigo también queda sin usar nav mi pregunta es afecta en algo o para que sirve nav concreta mente
@RogerNatividadDev
@RogerNatividadDev 3 года назад
Cuando para mejorar el posicionamiento y mejor pracrica usa El nav. Saludos
@chapame1987
@chapame1987 3 года назад
te amo brooo
@RogerNatividadDev
@RogerNatividadDev 3 года назад
👍🏼
@jorgebenjaminmoralesfloria5488
@jorgebenjaminmoralesfloria5488 3 года назад
muchas grasias bro
@RogerNatividadDev
@RogerNatividadDev 3 года назад
De nada saludos 🤘
@user-hc7ml3kj6n
@user-hc7ml3kj6n 11 месяцев назад
si yo utilizo tu logo y cambie el color del header , tambien cambie el de tu logo y se adapta. Si yo utilizo otro logo que no es el tuyo , y cambio el color del header el logo no se adapta a ese cambio . Porque ?
@RogerNatividadDev
@RogerNatividadDev 11 месяцев назад
Si se puede el color y logo a tu gusto
@alondramariahernandezredon9827
@alondramariahernandezredon9827 4 месяца назад
en caso de que en lugar de la imagen yo quiera poner un apartado diferente que me lleve a la presentación de la pagina, como seria el acomodo?
@RogerNatividadDev
@RogerNatividadDev 4 месяца назад
Puedes aplicar flexbox Saludos
@nico6346
@nico6346 2 года назад
Es genial! tienes algun video de como crear un menú hamburguesa? para version celular
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Si hay un vídeo para un menús responsive
@diegofernandoupeguijimenez3906
@diegofernandoupeguijimenez3906 2 года назад
Hola , tengo una pregunta , como puedo agregar texto dentro de cada una de las pestañas ??
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Puedes como pseudiclases hover y agregar un ena etiqueta con el texto dentro de la item li
@renelorenzo126
@renelorenzo126 Год назад
HOLA BUEN DIA que extensión usas para predecir los códigos?
@RogerNatividadDev
@RogerNatividadDev Год назад
Hola, Puedes usar el plugin Emmet que te auconpleta el HTML
@AlejandroAzogaray
@AlejandroAzogaray 2 года назад
Lo intente realizar pero copiandolo tal cual ibas pero me dio 8 errores pero luego copie los codigos de que dejaste cargados y es como que no se aplico.
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Puedes revisar el código del tutorial en la descripción
@larayanezsharonnaomi3339
@larayanezsharonnaomi3339 2 года назад
Ay muchas gracias, me ha servido de mucho. Pero ahora como hago que funcione? :(
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Me alegro que te aya servido. En la descripción tienes el enlace del código fuente.
@cayde0667
@cayde0667 3 года назад
Y como hago para q por ejemplo inicio me mande a otra lugar o página
@JaviDevLab
@JaviDevLab 3 года назад
yo también tengo esa duda; de como hacer el un menú 100% profesional
@codigobinario135
@codigobinario135 3 года назад
@@JaviDevLab debes tener otro HTML y con la etiqueta link le pones para dirigirte a ese HTML pero el otro también debes programarlo ponerle lo que quieres que se vea Busca los enlaces ancla
@juan65652
@juan65652 3 года назад
bravazo bro! y como lo haría responsive ?
@RogerNatividadDev
@RogerNatividadDev 3 года назад
Usa media queries. 💪🏻
@taurusdark7656
@taurusdark7656 2 года назад
Que extensión tenés descargada para el bucle ¿es .emet?
@taurusdark7656
@taurusdark7656 2 года назад
Lo que esta adentro de header{ content:" "; ¿son comillas dobles o comillas simple?
@taurusdark7656
@taurusdark7656 2 года назад
Brother tuve un problema en el css, en lista no me carga cuando abro el htlm, pero si me carga tu archivo es decir vos lo tenés copiado en recorrido, ¿sabes como puedo guardar en recorrido? es decir que no sean en columnas. Me explayo como el orto pero si, me contestas te agradezco una bocha
@RogerNatividadDev
@RogerNatividadDev 2 года назад
El plugin se llama Emmet, y uso el editor Atom
@RogerNatividadDev
@RogerNatividadDev 2 года назад
@@taurusdark7656 igual funcina comillas doble o simples
@luischot0
@luischot0 Год назад
Me hubiese gustado que expliques mas a profundidad la función de cada frase que escribías, y tal vez que modules un poco mejor, aún así buen video, me gustó.
@RogerNatividadDev
@RogerNatividadDev Год назад
Gracias por tu feedback Saludos crack
@bryand638
@bryand638 3 года назад
Es adaptable a dispositivos móviles?
@RogerNatividadDev
@RogerNatividadDev 3 года назад
En otros de videos esta un menú responsive
@sevenmusicsonidoyvideo6398
@sevenmusicsonidoyvideo6398 Год назад
Tu tutorial, esta interesante, solo una critica, algunas etiquetas son un poco complicadas de usar, seria mejor usar menos etiquetas y atributos para que se pueda entender mejor, recuerda que los mas simple y sencillo es siempre lo mejor
@RogerNatividadDev
@RogerNatividadDev Год назад
Buen punto
@hyydraa
@hyydraa 2 года назад
La imagen tiene que ser simétrica en valores
@pezcue937
@pezcue937 Год назад
Porque no usas la etiqueta de nav?
@RogerNatividadDev
@RogerNatividadDev Год назад
Para mejora el SEO y la semántica usas Nav
@NathAl0111
@NathAl0111 Год назад
como se llama el programa que usa?
@RogerNatividadDev
@RogerNatividadDev Год назад
Uso visual studio code 😊
@emanuelperon457
@emanuelperon457 Год назад
no me salen las lineas de arriba. porque?
@RogerNatividadDev
@RogerNatividadDev Год назад
Puedes ver el ejemplo en el link del código en la descripción Saludos
@KevinRivera-vb9or
@KevinRivera-vb9or 2 года назад
y como puedo llenar el menu?
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Ahí en el tutorial está el ejemplo
@Blue-op6qv
@Blue-op6qv 2 года назад
no explicas una bosta pero me sirve el video gracias
@sergiocotero6622
@sergiocotero6622 Год назад
Hol.a
@untalbrayanff
@untalbrayanff 8 месяцев назад
💨💨💨💨
@RogerNatividadDev
@RogerNatividadDev 8 месяцев назад
Saludos
@marcossanchez8920
@marcossanchez8920 3 года назад
hoy en dia es mucho mas facil hacerlo con grid
@RogerNatividadDev
@RogerNatividadDev 3 года назад
Asi es, pronto videos de CSS Grid.! Saludos
@NiHiKata
@NiHiKata 2 года назад
No entendi ni verga, mi header tiene sliders xd y no sé como aplicarlo con tus codigos
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Puedes ver el código fuente en la descripción
@swetLive
@swetLive Год назад
lo que mas me emputa es que jamas me funcviona lo que aparece en llos tuoriales ptmdr me cago
@RogerNatividadDev
@RogerNatividadDev Год назад
Paciencia y también tienes el enlace del código fuente
@diegogelmetti4326
@diegogelmetti4326 Год назад
No te entiendo bien procura modular mejor. Buen video gracias 👌
@RogerNatividadDev
@RogerNatividadDev Год назад
Gracias por la sugerencia Saludos crack
@iluheart1786
@iluheart1786 Год назад
No es responsive
@RogerNatividadDev
@RogerNatividadDev Год назад
Puedes descargar el código fuente en el enlace en la descripción
@matiascordoba8086
@matiascordoba8086 2 года назад
parece cantinflas explicando
@santiagoolmos5961
@santiagoolmos5961 11 месяцев назад
no me gusto dis like
@RogerNatividadDev
@RogerNatividadDev 11 месяцев назад
Saludos bro
Далее
small vs big hoop #tiktok
00:12
Просмотров 6 млн
HTML Forms - Intro, syntax and Examples
3:38
Learn CSS in 20 Minutes
23:44
Просмотров 1,8 млн
Learn CSS Animations In 20 Minutes - For Beginners
21:22
ASMR Programming - Animated Login Page - No Talking
18:18
Learn Flexbox CSS in 8 minutes
8:16
Просмотров 1,4 млн
iOS 18 превратилась в Android
0:49
Просмотров 879 тыс.