🟠 Como hacer un Menú Responsive Multinivel con Html, Css y Jquery | Parte 1
HTML-код
- Опубликовано: 11 сен 2024
- Tutorial de como crear un Menú lateral Multinivel adaptable a dispositivos móviles ( responsive ) para tu sitio web utilizando Html5, Css3 y Jquery
RECURSOS ----------------------------------------------------------------------------
♦ Descarga el Proyecto completo: www.mediafire.c...
♦ Vista previa (Codepen) : codepen.io/Cod...
♦ Fontawesome: fontawesome.io
♦ Jquery: jquery.com/down...
================ | REDES SOCIALES | ================
♦ FACEBOOK:
/ codytron.tutos
♦ GRUPO DE FACEBOOK:
/ 284413078641210
♦ TWITTER: / codytrontutos
Apoya al canal 🅿 💲💲
www.paypal.com...
================ | CANALES AMIGOS | ================
♦ Magtimus:
/ @visualavalon
♦ Formando la web:
/ @formandolaweb
---------------------------------------------------------------------------------------------------
SUSCRIBETE, ES GRATIS
Hola CodyTron excelentes Tutoriales acabo de descubrir tu canal realmente genial y te apoyo con mis suscripción a la ves tus Videos van a mi Lista Favorita de Programación y compartir en mi Página de RSS. Saludos y éxitos!!
Me alegra saber eso. El canal quedo un tiempo abandonado, pero pienso volver, este atento para nuevos videos ;)
No entiendo quien le da pulgar abajo... Está super chido el menú..
muchas gracias por compartir el código man... se agradece
Muy buen video chamo :b
Sos el mejor pg. Muchas gracias.
Muy bueno hermano, muchas gracias, me servirá de mucho el menú
Muy buen tuto crack!!!
Gracias CodyTron
por excelente tuto y gran ayuda
Muy buen efecto del menu, Saludos ;)
Gracias mi hermanaso, Saludos ;D
Excelente amigo esta muy bueno por fin encuentro uno que si corre bien
no se me descarga font awesome a ti se te descargo?
@@gabrielvaldez2110 Tengo el mismo inconveniente? Que solución le daste?
@@jeffersonjairjosetrivenope9796 lo que pasa con font awesome es que se actualizó y ahora hay que tener una cuenta y pagar, los items tienes que buscarlos por otra pagina
Gracias me has salvado, que editor de código usas?
Me subscribo excelente video!
Gracias por tu excelente vídeo. si tengo tantas opciones que sobrepasa el parco del menú, como desplazarme por las opciones que quedan ocultas por estar muy largo . como navegar entre las opciones subiendo o bajando..
Muy bien amigo te quedo Genial este menú. Saludos man.
Gracias mi amigo Magti :) saludos ;D
@@CodyTron Mi menú no se desplaza hacia abajo si pongo más elementos en la categoría, que
puedo hacer
perfecto excelente saludos y gracias
Como puedo asignarle subitems a un subitem ningun video explica como acerlo podes ayudarme?
Todas las categorias
Inicio
Por favor si tiene tiempo me puede responder *Esto se puede repetir en los submenus o daña la estructura*
*Gracias por responder*
eres el mejor sige asi !!
Gracias Manolo, Saludos ;)
una pregunta, si quisiera el cosito ese tipo hamburguesa por fuera como tendría que hacerlo?
Excelente! pero como pordía agregarle más niveles? es decir "sub-submenues"
Hola una pregunta, disculpa como puedo hacer para mostrar un formulario hecho en php disculpa ahi en ese menu que solo me aparezca en la pantalla alado del menu??
Oye!! Yo logre hacer la misma funcion pero con css. Pero tengo un problema es que quiero meteter una variable get en la url pero el estilo se oculta.
disculpa que plugin utilizas para que te autocomplete las clases de font-awesome?????
Mi menú no se desplaza hacia abajo si pongo más elementos en la categoría
en cuadradito me sale los iconos , que hago ?
porque al agregar el menu a una pagina maestra, no se visualiza el menu ni ninguno de los iconos?
muy buen vídeo pero en mi menú quiero cambiar los iconos para eso como hago.
cuando realiso estos comandos no me figura la flecha en los submenu
.navegacion .menu .item-submenu > a::after{
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f105";
float: right;
}
esta bien asi?
muy bueno amigo como hago para que el menú se cierre cúabdo hacemos clic fuera de la x es decir, que no sólo se cierre al darle clic en la x si no en cualquier parte que no sea el menú... Gracias
Excelente, muy interesante, por si acaso puedes hacer un MEGAMENU como el que aparece en PrimeFaces, para que trabaje en ASP CORE?
Buen Día, una pregunta, cuando coloco el menu, funciona bien, pero no me da acceso a los campos de input, ni a los botones, ¿podrías decirme porque?
Saludos
cuando pongo mas categorias en mi menu, yo no puedo ir mas abajo, como puedo hacer? usted me puede ayudar? por favor?
Hola estoy intentando agregarle otros sub-menu al mismo sub-menu, pero no encuentro la manera, me podrías ayudar?
Buenas, excelente menu, por casualidas sabes como poner una imágen como background en vez del color? saludos bro
Hola maigo como puedo agregar un tercer nivel lo agregoy todo va bien pero la animacion y al regresionno aparecen como esperaba podrias ayudarme saludos
hola, agrego fa fa-bars y no me sale ademas yo descargue el proyecto completo de madiafire pero aun asi no me sale....quien me puede ayudar...gracias
Alguien sabe como se puede agregar otro submenu a los submenus ya existentes. Por ejemplo en tienda esta laptops. Si quiero crear otro submenu en laptops que diga vender o comprar.
Quitale el asterisco al url de Codepen.io xq se abre mal el url
SI DESEO COLOCAR EL MULTINIVEL PARA EL OTRO LADO COMO PUEDO HACERLO
como puedes escribir rrapido span las 4 lineas de un solo me puedes decir
COMO SE HACE UN SUB MENU DENTRO DE LOS SUBMENU
amigo la font-family no me sale el color de fuente :(
No me sale el icono de la flecha
1000 like
Hola, muchas gracias, no me esta realizando el cambio cuando aplico el .
.navegacion{
position: absolute;
Que puedo hacer, ya verifique y el nombre de la cass esta bien...??
ya lo solucioné.. error de ortografia "calss" ups...
me proporcionas la version de tu sublime text
Claro amigo, yo utilizo sublime text 3. Saludos ;)
Buenas noches, estoy tratando de hacer los menu pero al hacer el fa fa-bars no aparecen en el chrome o en Firefox. Alguien sabe porque pasa???
Me pasa lo mismo y no se porque
Esa maldita intro casi me explota las orejas
jajaja lo siento, pero en los videos mas recientes ya es diferente jajaja
hola una pregunta como puedo agregar una imagen de fondo en ves de las letras que dicen todas las categorias crees poder ayudarme con eso ya intente varias cosas pero no puedo poner una imagen de fondo gracias
Hola amigo buen video, una preguntota tienes alguna idea de cómo hacer este menu? tympanus.net/Development/ResponsiveMultiLevelMenu/ :(
Luis Solano es parecido a este menú, solo que tiene un efecto fade
¿que no ahi mismo esta el codigo? tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/
Así es
Exelecte video pero si quiero un nivel mas como seria
soy nuevo en esto su apoyo
$('.navegacion .menu .item-submenu > .sub-submenu a').click(function(){
alert('entro');
var positionMenu = $(this).parent().attr('menu'); // Buscamos el valor del atributo menu y lo guardamos en una variable
console.log(positionMenu);
$('.sub-submenu[menu='+positionMenu+'] .sub-submenu').css({'left':'0px'}); // Mostramos El submenu correspondiente
});
por que sinceramente no se por que entra a ese codigo
No me agarran los iconos
Debe ser que no enlazaste bien los css
amigo pongo como tu dices fa fa-bars y no me sale el icono de menu me podrias ayudar
si sale, descargate la versión que él esta descargando
@@ronaldodurandluna8617 hola, yo descargue el archivo completo de mediafire y tampoco me sale el fa fa-bars...porque?