Barra de navegación lateral responsiva en HTML CSS y JAVASCRIPT | Sidebar OSCURO y CLARO
HTML-код
- Опубликовано: 12 июн 2024
- Sidebar con HTML CSS y JAVASCRIPT Barra de navegación lateral responsiva en HTML CSS y JAVASCRIPT - Modo Oscuro y Modo claro
►Redes sociales:
📷 Instagram : / jhampodev
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►Temas del video:
00:00 Presentación
01:01 Creación del proyecto
02:01 Nombre de la página
06:01 Minimizar barra lateral
14:07 Botón
20:28 Menú de Navegación
27:26 Modo oscuro
39:07 Usuario
43:20 Web responsiva - vertical
49:24 Web responsiva - horizontal
01:02:10 Pagina Inicial
01:02:57 Despedida
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►Código:
💻github.com/jhampo/Sidebar
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►Videos relacionados:
Formulario de Inicio de Sesión y Registro : • Formulario de Inicio d...
Diseño de un BUSCADOR Responsivo: • Diseño de un BUSCADOR ...
Barra de navegación Responsive: • Barra de navegación Re... - Наука
Que buena explicación, tenia dudas de como hacer las partes de javascript pero ahora ya le entendí, sigue haciendo videos explicando así 🥺
Gracias bro!!!!
¡Excelente vídeo! Justo lo que estaba buscando 🙊
Excelente Maestro. Gracias por tomar de su tiempo y compartir su conocimiento
Excelente video, con el paso a paso logre hacer mi propia barra lateral y personalizar el modo nocturno para adaptar los colores más a mi estilo, muchas gracias por compartir.
Gracias mano, gracias a tu explicación logre personalizar mi menu, excelente, me ayudo de mucho
Mil gracias!, un gran video, aprendí mucho y es de gran utilidad 👍
Mil gracias, muy útil este video y más aún tus explicaciones.
Solo eché en falta que hubiera subcategorías dentro de cada elemento del menú. Ojalá hagas una ampliación o una segunda parte añadiendo esta variante.
Excelente tutuorial, Dios te bendiga!!
Después de largas horas de buscar, este es el proyecto más completo que encontré (dark mode, plegable, responsive, etc.)
1 lujo gracias x compartir y explicarlo, 👍👍
Excelente amigo, muchas gracias, me has ayudado
Hola, vengo de tiktok. Soy el que dijo que iba a ver el vídeo y estoy viendo el vídeo :)
Gracias bro, un crack!
Gracias Jhampier, me ayuda a practicar y mejorar
muy buen video! felicitaciones
Excelente diseño, tienes un suscriptor mas a tu canal.
Muchas gracias!!
excelente...!!!!!!!!!!!!!!
Esto esta brillante gracias por compartir no tendrá por ahi algún explicativo para agregar sub menú
buen video bro, ojala yo pueda programar como tu algún día.
Claro que si, y mucho más bro, a seguir!!
Belleza de video, aprendí mucho con este video
Una pregunta, podrías pasar las extensiones que usas? me fascino la extensión que tienes para el rgb en css
PUEDO usar este código en react si modifico el java scrip a typescrip
hola como podria hcaer para agregar unos sub menus desplegables tipo acordeon en el codigo
execelente me sirvio mucho para inspirarme en un proyecto :) una consulta como puedo hacer que el sidebar se quede cerrado y solo queden los iconos aunque actualice la pagina o haga hacia atras ? espero puedas explicarlo, saludos y da por hecho que ganaste un suscriptor.
Excelente Tutorial, soy bastante nuevo en esto, quisiera saber como cargar un html en la parte derecha del menu, o sea en la parte verde
buenas cuando llego a lo de barra laterla no me aplica los cambios ayuda
🥲
Hola! No logro que la barra se mueva al hacer click en la nube
!
Que grande, vas a realizar mas contenido web enfocandote ahora en .net?
Quiero tu tema de visual studio !!!
bro bacano el video pero yo tengo una pregunta soy nuevo en este campo y me apasiona he intentado varias veces con tu proyecto insertar texto para cada uno de los iconos podrias expliacr en un video por ejemplo si doy click en cada uno de los iconos me muestre su contenido como puedo hacerlo bro?
no me cambia el color de la palanca
a lo que la pongo en modo oscuro :(
Excelente video. Y para agregar contenido específico relacionado con cada ícono en la barra lateral?
he intentado varias veces y no doy
Porfavor alguien que me ayude, a mi me pasa al revés, cuando la barra lateral se abre desaparece el texto y cuando se cierra ahí aparece
Me pasa igual :C como lo solucionaste bro?
Tienes que quitarle la clase que se encarga de ocultarlo , para que luego se le añada con toggle. Así se pondrá oculto cuando presiones el botón y de presentará de vuelta
Desde tiktok 😅
Gracias por apoyar por aquí bro!!
Puedes pasar la plantilla por git bro?