Muchísimas gracias. Es alucinante que haya personas que dediquen su tiempo a enseñar sin pedir nada a cambio. Estoy empezando a aprender html y css y tu lo haces muy fácil de comprender ya que dices para que sirve cada cosa en todo momento. Muchas gracias, de verdad!!!!
Gracias chicos!! son lo maximo!! resulto, me siento emocionado de poder estar haciendo mi propia web desde cero. Cuando tenga el resultado final ya publicado, espero que ustedes enten entre los primeros en visitarla!! Dios, que alegria!!
recomiendo no olvidar agregar # al link que corresponde a los menues desplegables, ya que vaciio hace que el menú no pueda desplegarse cuando usamos pantalla tactil, como celulares y tablets. Un detalle pequeño, pero super importante. Excelente el tutorial. Muy facil y muy bien explicado.
Hola, sé que lleva años que ese vídeo de suplicó, pero sólo quiero agradecerte por el mismo, me ayudaste bastante en lo que hago mi proyecto, muchas gracias.
Muchas gracias Carlos!!! Ya vi los tutoriales de css y html y explicas extremadamente bien, te entiendo mas a ti que a mi profesora de diseño web de la universidad xD Gracias por compartir tus conocimientos con nosotros,ahora empezaré con bootstrap :D Saludos desde Colombia :)
Brother, usted conoce, me salvó la tanda, ocupaba un menú sencillo y funcional par añadir a salto de resolución con media queries para 480px de ancho, esto me va de lujo, mil gracias... saludos desde C.R
Con css sale (y) ... pero con bloc de notas solo se queda hasta un punto .nav li:hover>ul{ display:block; cuando pasas el mouse por encima no aparece nada :/ ... pero en css si sale... u.u dime se con BLOC de notas usted puede hacerlo .. Gracias ... :)
WooooooooooooOoOwW El unico que me a servido de aproximadamente 10 vídeos que eh visto. Gracias,ya eh aprendido mucho de ti,ya estoy armando mi propia pagina con mi propio estilo. Lo unico que no tengo es hosting,y no tengo la opción de pagar por cuestiones personales. El que me diga como puedo poner un hosting y dominio gratis yo podria ayudarlo con lo basico para crear su propia pagina web. GRACIAS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Vengo un poco atrasado (años) mirando estos videos jeje ... excelente trabajo maestro!! Muy agradecido por esta generosa transferencia de conocimientos.
Epa carlitos en este si se mandó, me quedó muy bien le voy a cambiar los colore y lo voy a poner coqueto.Muchas gracias por tu paciencia y que sabes enseñar gracias nuevamente un abrazo LuisOrtiz desde Venezuela
Hola, a mi porque no me salen los primeros elementos en horizontal? Si se me permite pego el codigo html: Enlace 1 Enlace 2 Enlace 2.1 Enlace 2.2 Enlace 3.3
:( hola, muy bueno el tutorial, bueno he hecho todo como lo hiciste, pero trabjè sobre una parte del HTML que ya habia empezado que no era mucho y no me sale el menu asi, sino que me salen regado, no se despliegan hacia abajo. Estarè buscando cual es el error, pro que me pasa ese desorden en el menu. Gracias muy bueno !
concuerdo con tu opinion mas vale el conocimiento que el diploma que vayas a enmarcar...bueno si pregunte y investigue pero bueno en este caso no encontre solucion a mi duda pero ya si aprendi a hacer menus
Hola , Falcon ,en la parte : nav > li { float:left; no se me pone los nombre inicio ,servicio... en linea no se me acomoda y por consiguiente esta todo en bloque. ¿que puedo hacer?, gracias.
Después de cinco años está muy bueno el tutorial y....funciona perfectamente. Estoy en los primeros pasos de html, no lo entendí todo, pero aprendí mucho. Es cuestión de asimilar las instrucciones, familiarizarse. El código html lo tengo guardado y lo voy a seguir mejorando, tengo algunas ideas....MUCHAS GRACIAS
gracias hermano de verdad que eres de ayuda, he tratado con varios tutoriales y plantillas y no me funcionaban en visual studio, y con tu ayuda he podido hacer el menu que necesito y variar a mi gusto mil gracias bro por tu aporte.
Realmente cuando veo un tutorial me da mucha pereza dar like, pero he de admitir que con este lo he entendido todo a la perfección y me ha ayudado mucho, a si que he iniciado sesión tan solo para darte like. Te lo mereces, está muy bien hecho!
Gracias amigo, soy nuevo en el desarrollo web y estoy haciendo una web como proyecto de front-end y la verdad no tenía ni idea de como hacer un menú desplegable. Sin embargo yo ya tenía hecha mi barra de navegación por lo que no quería rehacerla así que tuve que adaptarla en base a lo que explicaste y me funcionó :)
Excelente!!!!!! Gracias amigo no sabes del aprieto del que me acabas de sacar, eres todo un experto, gracias a ti me empezo a gustar esto de hacer paginas web, te lo agradezco y sigue asi!! :D
gracias compañero, tu explicación es maravillosa, esta buscando la forma de darle mejores estilos a mis paginas web, ya que pues programo en html5 Css y java script, y con esto me das mas herramientas, muchas gracias bro
Te felicito, muy buena implementación, es interesante saber porque vas poniendo .nav li ul li, osea por que va la secuencia y también .nav li a: hover. nuevamente excelente. Gracias.
hola falconmaster...solo queria agradecer por los videos, estan realmente muy buenos...bien explicados pero al grano. Ya vi los de Css y los de esta lista y aprendi demasiado para poder terminar una pagina q estaba diseñando...sigue adelant saludos desd Costa Rica
like y suscrito!! Me has ayudado mucho. eso si, yo he hecho el menú en horizontal. Me ha bastado con no escribir float:left; y después ir jugando con los px. Muchísimas gracias. Un saludo desde Madrid
me sirvio. para los que no se les desplego, la solucion que yo utilice fue, hacerlo en una plantilla en blanco y cuando el producto estuviera terminado pegarlo en la plantilla ya creada. a ver que efectos tenia.
GRACIAAAS al fin encontré un turial que solo trate de un lenguaje, tengo que hacer 5 páginas web de tareas con esos menús :'), me facilitarás un poco más la tarea gracias, NUEVO sub ❤️🥺🥺
super excelente tutorial me ha servido de maravilla gracias de verdad le entendí y lo pude hacer a la perfección deje mi like y me he suscrito a tu canal, saludos a todos.
Llevo días llorando porque no entendía otros videos que explicaban esto mismo hasta que llegué aquí! GRACIAS
Muchísimas gracias. Es alucinante que haya personas que dediquen su tiempo a enseñar sin pedir nada a cambio. Estoy empezando a aprender html y css y tu lo haces muy fácil de comprender ya que dices para que sirve cada cosa en todo momento. Muchas gracias, de verdad!!!!
9 años después, me has salvado la vida.
x2 😅
10 años 🤡
Tengo una pregunta puse style type pero agrego padding pero no lo reconoce en el head sera la version de mi visual o que ?
@@Guzman_J94 11 años pa
@@Guzman_J9411😂
2012 el vídeo y aun funciona excelente en nuevas interfaces, muy bien, tome su like buen hombre.
Gracias chicos!! son lo maximo!! resulto, me siento emocionado de poder estar haciendo mi propia web desde cero. Cuando tenga el resultado final ya publicado, espero que ustedes enten entre los primeros en visitarla!! Dios, que alegria!!
¿Y cómo te fue con tu página?
recomiendo no olvidar agregar # al link que corresponde a los menues desplegables, ya que vaciio hace que el menú no pueda desplegarse cuando usamos pantalla tactil, como celulares y tablets. Un detalle pequeño, pero super importante. Excelente el tutorial. Muy facil y muy bien explicado.
♦ Curso de PHP y MYSQL: Completo, Práctico y desde Cero
www.tutorialdephp.com
Ya se venció la oferta :( Si tan solo hubiese visto antes
Ahorita mismo hay una: www.udemy.com/php-y-mysql/?couponCode=OCT-15
Termina en este mes
Muchas gracias, pero no tengo tarjeta de crédito, pensaba pagarlo en un agente
Hola! me gustaría saber como puedo alargarlo para los lados, por favor!.
Amigo tengo un problema, el menú sirve pero cuando abajo de el encabezado donde va el menú agrego otro div los submenus se cierran.
Excelente trabajo, me sirvió muchísimo, tiene mas de 10 años y funciona a la perfección, muchas gracias!
Muy bueno, claro y simple, me ayudo de mucho. Mil Gracias.
Que copado de facil !
@@diegoapestegui6489 QUE HACES ACA PROFEEEEEE??? jajaja aca haciendo una paginita yo
@@marianodoors aprendiendo, ñoñando 🤓
Hola, sé que lleva años que ese vídeo de suplicó, pero sólo quiero agradecerte por el mismo, me ayudaste bastante en lo que hago mi proyecto, muchas gracias.
EL CÓDIGO PARA LOS QUE NO QUIEREN ESCRIBIR
menu desplegable
*{
padding:0px;
margin:0px;
}
#header{
margin:auto;
width: 500px;
font-family: arial, helvetica, sans-serif;
}
ul,ol{
list-style: none;
}
.nav li a{
background-color:#000;
color: #fff;
text-decoration: none;
padding: 10px 15px;
display: block;
}
.nav li a:hover {
background-color: #434343;
}
.nav > li {
float:left;
}
.nav li ul {
display: none;
position: absolute;
min-width: 140px;
}
.nav li:hover > ul {
display: block;
}
.nav li ul li {
position: relative;
}
.nav li ul li ul {
right: -140px;
top: 0px;
}
inicio
productos
animales
animales
animales
animales
animales
animales
animales
animales
animales
animales
animales
animales
animales
animales
servicio
animales
animales
animales
animales
animales
animales
animales
animales
ubicacion
info
sos un grande no te conozco y ya te amo
algunos heroes van sin capa xD
Gx broo❤❤
Gracias
Ídolo 👋. Gracias
Vi tu vídeo en tu página y vine hasta aquí para agradecerte, me funcionó, GRACIAS!.
Muchas gracias Carlos!!!
Ya vi los tutoriales de css y html y explicas extremadamente bien, te entiendo mas a ti que a mi profesora de diseño web de la universidad xD
Gracias por compartir tus conocimientos con nosotros,ahora empezaré con bootstrap :D
Saludos desde Colombia :)
Brother, usted conoce, me salvó la tanda, ocupaba un menú sencillo y funcional par añadir a salto de resolución con media queries para 480px de ancho, esto me va de lujo, mil gracias... saludos desde C.R
Notepad++ es muy bueno, yo lo usaba mucho antes, ahora uso sublime text, realmente es cuestión de gustos.
Prefiero Visual Studio Cod. Pero es cuestión de gustos
@@SrICosmic El comentario es de hace 7 años en ese entonces el rey era sublime
he visto un sin fin de tutoriales para esto y este fue el único que pude adaptar a mi página
@Léo Leblanc Para eso puedes utilizar en vez de background-color usar un background:url(direccion te tu imagen);
Con css sale (y) ... pero con bloc de notas solo se queda hasta un punto
.nav li:hover>ul{
display:block;
cuando pasas el mouse por encima no aparece nada :/ ...
pero en css si sale... u.u
dime se con BLOC de notas usted puede hacerlo .. Gracias ... :)
Ricc anyms
creo que te falto poner despues de li la "a" (la etiqueta link)... consejo, utiliza notepad ++ en vez de bloc de notas =3
Ricc anyms como uso dreamwever pero no aparece el hover :S tal y como dices .. que hiciste?
Ricc anyms Lo hice, pero me presenta el mismo problema, alguna sugerencia que tengas?
es necesario utilizar notepad ++ ? si es asi, donde lo descargo?
amigo como hago para centrar el menú ? me queda un poco hacia la izquierda :(
si lees esto dejame agradecerte, gracias a este video aprendí mas q en 6 horas de clase, ademas salvaste mi proyecto de grado.
Thanks Dude, you saved me... your tutorial is great!, even to understand as only speak BrPortuguese.
WooooooooooooOoOwW
El unico que me a servido de aproximadamente 10 vídeos que eh visto.
Gracias,ya eh aprendido mucho de ti,ya estoy armando mi propia pagina con mi propio estilo.
Lo unico que no tengo es hosting,y no tengo la opción de pagar por cuestiones personales.
El que me diga como puedo poner un hosting y dominio gratis yo podria ayudarlo con lo basico para crear su propia pagina web.
GRACIAS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Falcon, es lo mismo colocar ="nav">
que colocar
submenu
?¿
me parece que si
En html5 para el menu de navegacion solo se usa en versiones anteriores era con "class" pero si es lo mismo.
Brother muchisimas gracias, Siempre e visto tu canal y cada cosa que enseñas lo haces con claridad y pasión, TE FELICITO!!
Amigo tengo un problema al poner el float left que no lo lee
P.D. lo estoy haciendo en bloc de notas
Fijate bien, pues yo tambien lo estoy haciendo en bloc de notas y si lo leyo.
el bloc de notas no importa, mientras el formato del archivo sea el mismo no afecta P.D. Tambien prefieron programar en bloc de notas xp
y yo en paint :v, ok no, no se crean eso
muchísimas gracias por tu tutoria, este vídeo me ayudo como no tienes idea, procurare seguir viéndolos y aprendiendo de ellos, éxito en tu canal.
No me salio el menu desplegable le coloque
.nav li:hover > ul{
display: block;
} y no me dio aparecen los submenu
a mi también me pasa lo mismo aún que llego 4 años tarde xd
@@user-wm2lj7qp2r igual no sale el submenu
Vengo un poco atrasado (años) mirando estos videos jeje ... excelente trabajo maestro!! Muy agradecido por esta generosa transferencia de conocimientos.
Gracias Hermano te debo mi calificacion final XDD
Epa carlitos en este si se mandó, me quedó muy bien le voy a cambiar los colore y lo voy a poner coqueto.Muchas gracias por tu paciencia y que sabes enseñar gracias nuevamente un abrazo LuisOrtiz desde Venezuela
la parte:
.nav > li {
float:left;
}
no me quiere funcionar, el menu se queda en columna siempre y no en fila. Me puedes ayudar?
igual me pasa
ya somos 3
El error es que probablemente estén dandole estilos a la class en css (.nav) y en el html esten usando solo la etiqueta
yo igual... =(
me pasa lo mismo cuando pone .nav
Me sirvió mucho para mi trabajo final, saludos desde argentina.
Hola, a mi porque no me salen los primeros elementos en horizontal?
Si se me permite pego el codigo html:
Enlace 1
Enlace 2
Enlace 2.1
Enlace 2.2
Enlace 3.3
Enlace 3
Enlace 4
Me acaba de funcionar perfectamente, tiene muchos años el video pero sigue siendo muy util, tome su merecido like y suscribe buen hombre.
Gracias!
:( hola, muy bueno el tutorial, bueno he hecho todo como lo hiciste, pero trabjè sobre una parte del HTML que ya habia empezado que no era mucho y no me sale el menu asi, sino que me salen regado, no se despliegan hacia abajo. Estarè buscando cual es el error, pro que me pasa ese desorden en el menu. Gracias muy bueno !
lo encontraste el error ??
este error de hace 7 anios me perturba, ojala hayas encontrado la solucion
chico con todo respeto dejame decirte que eres una chingonada! me salvaste muy bien explicas super bien, claro y consiso! Gracias!
Sandy Cordova Vilchis Genial, me alegra que te haya servido mi video :D
Carlos como hago para que mi menu ocupe un 100% del ancho de la pagina o de la capa??
Victor Cedeño Le tienes que cambiar el width de 960px a 100%
***** lograron poner que todo el menu cubra la pantalla?
Necesito eso para mi proyecto de pagina web
!HELP ME¡
***** es en el header :v
uff hasta ahora responde :c
ya pa que igual no pude encontrar como hacer full el menu y saque una A en el proyecto xD
concuerdo con tu opinion mas vale el conocimiento que el diploma que vayas a enmarcar...bueno si pregunte y investigue pero bueno en este caso no encontre solucion a mi duda pero ya si aprendi a hacer menus
muchas gracias por el video... me ayudo mucho ahora que estoy en pleno curso de diseño páginas web....
Hola , Falcon ,en la parte :
nav > li {
float:left;
no se me pone los nombre inicio ,servicio... en linea no se me acomoda y por consiguiente esta todo en bloque.
¿que puedo hacer?, gracias.
solucionaste? A veces hay que revisar bien el código por que por una letra o un espacio mal colocado no reconoce el código.
me sucede lo mismo.. llegaste a arreglarlo?
igualmente que pudo pasar lo necesito urgente gracias
PORQUE NO VI ESTE VIDEO ANTES!!!!! muchas gracias
creo que te amo, me gustan las mujeres pero eres l mejor explicando asi que te amo xD
Después de cinco años está muy bueno el tutorial y....funciona perfectamente. Estoy en los primeros pasos de html, no lo entendí todo, pero aprendí mucho. Es cuestión de asimilar las instrucciones, familiarizarse. El código html lo tengo guardado y lo voy a seguir mejorando, tengo algunas ideas....MUCHAS GRACIAS
no me sale y eso que lo hice con notepad ++ cuando pongo **.nav > li{
float;left;
}** me desforma todo que hagoo
ya lo solucione XD
romero santos dos Me puedes decir como?tengo el mismo probema
romero santos dos ayuda , tengo el mismo problemaporfavor
Yo tambien lo soluciones pero no me acuerdo como creo que tenia un error al cerrar
:s
Raquelml Vazquez en #header{ width: aumenta los pixeles
NAH CHABON SOS EL MAS GROSO , este es el mejor tuto que he visto hasta ahora
.nav > li {
float: left;
}
Al llegar a esta parte no cambia nada :'(
Me puedes ayudar por favor :)
Me salvaste bro, 9 años después sigue sirviendo tu video :)
compi eres un genio, me ayudaste mucho con un submenu que no se me desplegaba, muchas gracias por el video y muy bien explicado!
9 años despues y gracias a este video me sirvio en mi proyecto de mi carrera de Prepa (T.I.); Gracias Broo
Este tipo de videos salvan cursos
Que si no
Muchas gracias amigo, esto me ha resultado mucho mas facil para hacer mi pagina jajajaja, te lo agradesco, excelente aportacion!!!. Saludos
gracias hermano de verdad que eres de ayuda, he tratado con varios tutoriales y plantillas y no me funcionaban en visual studio, y con tu ayuda he podido hacer el menu que necesito y variar a mi gusto mil gracias bro por tu aporte.
Sos un capo, lo entendi a la perfección
segui adelante
Un merecido Like (Y)
Gracias. Muy bien explicado y eres un gran comunicador. Muchas gracias. Suerte y éxitos.
Realmente cuando veo un tutorial me da mucha pereza dar like, pero he de admitir que con este lo he entendido todo a la perfección y me ha ayudado mucho, a si que he iniciado sesión tan solo para darte like. Te lo mereces, está muy bien hecho!
Muchas gracias!
Gracias amigo, soy nuevo en el desarrollo web y estoy haciendo una web como proyecto de front-end y la verdad no tenía ni idea de como hacer un menú desplegable. Sin embargo yo ya tenía hecha mi barra de navegación por lo que no quería rehacerla así que tuve que adaptarla en base a lo que explicaste y me funcionó :)
Da pai me acabas de salvar de 6 en informatica eres lo mejor.
Carlo era lo que estaba tratando de aprender...gracias muy bueno...continuo con el otro avanzado...
Excelente!!!!!! Gracias amigo no sabes del aprieto del que me acabas de sacar, eres todo un experto, gracias a ti me empezo a gustar esto de hacer paginas web, te lo agradezco y sigue asi!! :D
Muchisimas gracias hermano. un aporte de gran ayuda. saludos desde venezuela
Gracias por compartir este vídeo ya que es de mucha ayuda para estudiantes como yo que me encanta este tema. felicidades desde Colombia
Qué buena manera de explicar, ya entiendo mucho mejor los códigos, excelente video. Me suscribo
solo por comentar, en la no es necesario una etiqueta de cierre.
gracias compañero, tu explicación es maravillosa, esta buscando la forma de darle mejores estilos a mis paginas web, ya que pues programo en html5 Css y java script, y con esto me das mas herramientas, muchas gracias bro
9 años despues y todavia funciona... excelente y gracias
Muchísimas gracias por ese tutorial. Lo explicaste de maravilla!!!!! Entendí mucho. De verdad, muchas gracias!!!!!!
me funciono de maravilla , mi pagina tiene ahora un lindo menu desplegable , gracias
me ah encantado tu video sigue subiendo videos asi. me sirvio mucho. eres lo maximo explicando Gracias
Se rifaron en el Css son unos dioses en esto del html jejeje saludos y gracias por ello!! Excelente aporte!!
Te felicito, muy buena implementación, es interesante saber porque vas poniendo .nav li ul li, osea por que va la secuencia y también .nav li a: hover. nuevamente excelente. Gracias.
Si es muy sencillo de hacerlo pero eso no es lo importante, lo importante es quien explica y como lo hace, tú lo hiciste a la perfección.
hola falconmaster...solo queria agradecer por los videos, estan realmente muy buenos...bien explicados pero al grano. Ya vi los de Css y los de esta lista y aprendi demasiado para poder terminar una pagina q estaba diseñando...sigue adelant saludos desd Costa Rica
Excelente aportación muchas gracias.
Ahora necesito crear los hipervículos. Un saludo
a mí me funcionó de maravilla gracias por tus explicaciones
Gran video hermano, me salvaste de un problema, te agradezco por la buena explicacion de tu video
like y suscrito!! Me has ayudado mucho. eso si, yo he hecho el menú en horizontal. Me ha bastado con no escribir float:left; y después ir jugando con los px. Muchísimas gracias. Un saludo desde Madrid
Hombre, quedo eternamente agradecido por tu trabajo, muy bueno y de calidad gracias
BRUTAL BRO!! ME SIRVIÓ DE LUJO GRACIAS
Muy bien explicado, de forma clara y sencilla. Gracias.
Muchas gracias por el tutorial, justo necesitaba crear submenus con css jaja
Impecable. Simplemente brillante. Gracias.
2021 no me funcionaba el menú desplegable de WP y lo solucione con esas lineas de CSS!! GRACIAAAAAS!!!
me sirvio.
para los que no se les desplego, la solucion que yo utilice fue, hacerlo en una plantilla en blanco y cuando el producto estuviera terminado pegarlo en la plantilla ya creada. a ver que efectos tenia.
aun después de tantos años y sigue siendo muy útil
Muy bueno la verdad, muy claro y las visualizaciones gráficas del paso a paso ayudan mucho :D gracias.
Gracias por la info, despues de casi 10 años, like + subscripcion!
FalconMastersVermo ya me estava encabronando no conseguia esto en espesifico te mereces un like y me subcribo "GRACIAS MEN" uff....
Excelente tutorial Arturo!!! No habia visto tus videos antiguos, una buena base para aprender mas menus sotisficados!
GRACIAAAS al fin encontré un turial que solo trate de un lenguaje, tengo que hacer 5 páginas web de tareas con esos menús :'), me facilitarás un poco más la tarea gracias, NUEVO sub ❤️🥺🥺
muy lindo tuto y muy entretenido fácil de hacer saludos desde Paraguay
Excelente TUTORIAL en Verdad explicas al 100% y Funciona....Gracias Men sigue asi....¡¡¡¡
Convertir las a en bloque darles padding razonable, y flotar los nav>li
me sirvio bastante , me suscribo xd salu2 lo estoy viendo en el 2020
10 años después, y aún siguen utilizando este video como ejemplo en donde estudio. Bueno video
2022 Y ESTE VIDEO SIGUE SIENDO EL MEJOR, LETSGO
excelente video, me has salvado la vida broo, que dios te bendiga
10 años después , me has salvado la vida
Gracias , muy bien explicado se nota que te manejas en el tema.
sirvio de mucho
Excelente tutorial, muy rápido, bastante claro y muy funcional :)
super excelente tutorial me ha servido de maravilla gracias de verdad le entendí y lo pude hacer a la perfección deje mi like y me he suscrito a tu canal, saludos a todos.
El video es de hace 6 años pero igual me ha servido, gracias! ♥
perfecto ando en una entrega de trabajo final de la Universidad y me ha salido de la ostia
Excelente explicación Amigazo!!!
Lo seguimos con gusto y a partir de ésto Pensemos soluciones "NosotrosMismos"
GRACIAS