Menu pegajoso con puro css (sticky)

Поділитися
Вставка
  • Опубліковано 14 гру 2024

КОМЕНТАРІ • 48

  • @Susi-kr3bl
    @Susi-kr3bl Рік тому

    Increíble video, merece tener más éxito usted y su contenido. Saludos

  • @drfcozapata
    @drfcozapata 3 роки тому

    Qué verdugo!!! jejejejeje
    GRACIAS. Nuevo suscriptor.
    Un abrazo desde Venezuela. Bendiciones.

  • @fergaggero
    @fergaggero Рік тому

    muchas graciasss crack, un genio

  • @Metfanluis1992
    @Metfanluis1992 4 роки тому

    Buen video , eres un crack!! igual que tu compatriota midudev. Saludos (Y)

  • @wilmercuevas6491
    @wilmercuevas6491 4 роки тому

    Muy interesante! te agradezco mucho este video, me sirvio

  • @lrmedia8416
    @lrmedia8416 2 роки тому

    Hola, si yo quisiera cambiar el estilo del menu cuando top llega a 0, cómo lo haría?

  • @riroga
    @riroga 6 років тому +1

    Gracias por el tuto! Excelente explicación!

  • @joseandresbricenosilva3174
    @joseandresbricenosilva3174 4 роки тому

    Muy bien video, entendí todo, gracias crack!

  • @joscagar267
    @joscagar267 2 роки тому

    Gracias, me ayudaste

  • @francoav4711
    @francoav4711 4 роки тому

    sos un crack gracias por compartir tu conociemiento me ayudaste bastante

  • @jamesbros4667
    @jamesbros4667 5 років тому

    Gracias por compartir tus conocimientos

  • @spacman9090
    @spacman9090 4 роки тому

    Gran video muchas gracias crack

  • @imjohann
    @imjohann 2 роки тому

    Muchas gracias

  • @chapaflores2319
    @chapaflores2319 2 роки тому

    En un pequeño texto de internet encontré este mensaje referente a aside
    "en un documento, y este no debe ser descendiente de un elemento"
    Entiendo que el elemento aside no puede ser descendiente de otro
    la pregunta es
    ¿en que parte de la estructura de este código se coloca el elemento aside?
    ¿aside de por si ya es un bloque que puede ser manejado independientemente de los otros bloques?
    ¿mail es un bloque que contiene otros sub bloques o no es correcto?
    footer es por ejemplo un bloque particular por ello es fácilmente configurable

    El logo















    gracias

  • @motospider9697
    @motospider9697 5 років тому +1

    hola, es posible que cuadndo se cumple la propiedad ( top: 0; ), cambie el div de propiedad, por ejemplo de % de opacidad y se reduduzca la altura o cambie el color de la font... ?.. gx , '.

    • @codedave7051
      @codedave7051  5 років тому

      Hola sipder, respecto a tu pregunta, ese tipo de funcionalidad, ya se tendria que usar javascript, Saludos!

    • @motospider9697
      @motospider9697 5 років тому

      vale , gx.. @@codedave7051

  • @leandromarcelolienardguerr2208
    @leandromarcelolienardguerr2208 2 роки тому +3

    estaria bueno q tengas la pag al lado y mientras agregas cada estilo, se pueda apreciar el cambio, saludos!

    • @Iohjan78
      @Iohjan78 2 роки тому

      coincido con el man! gracias!

  • @abelromeroruiz5702
    @abelromeroruiz5702 4 роки тому

    muchas gracias me ayudo mucho

  • @zstormwolf
    @zstormwolf 4 роки тому

    gracias crack

  • @josuebustillos8874
    @josuebustillos8874 3 роки тому

    8:55 Inicia lo importante.

  • @eliabluevanos5725
    @eliabluevanos5725 4 роки тому

    Estupendo, solo que me pasa un problema que no consigo solventar, yo no tengo imagen en el menú, y se me desplaza a la izquierda,me gustaría que se despalzara a la derecha

  • @futuremanbjcc
    @futuremanbjcc 5 років тому

    Gracias por tan excelente explicación

    • @codedave7051
      @codedave7051  5 років тому

      Muchas gracias por tu comentario @Byron Correa :)

  • @elRivasRony
    @elRivasRony 5 років тому +1

    Hola, podrías ayudarme en algo? Estaba usando el menú y quise agregar también en la pagina este efecto para unas imágenes (www.cssscript.com/transparent-image-hover-overlay-with-pure-css-css3/ )
    Pero las imágenes aparecen sobre el menú y no por abajo de este como debería, tienes alguna idea de como solucionarlo?

    • @codedave7051
      @codedave7051  5 років тому +1

      Hola Rony Rivas, por lo que me dices, el problema esta en que las imágenes tienen un z-index superior al del menú, te recomiendo agregar esta propiedad al menú z-index: 1000; con esto el menú debería estar por encima de todos los elementos de tu web :)

  • @filipcipagauta2799
    @filipcipagauta2799 4 роки тому

    Buen video. Una pregunta: lo hice y no funciona en el navegador Edge

  • @filipcipagauta2799
    @filipcipagauta2799 4 роки тому

    Pulgar arriba y suscripción

  • @jhonatanmendez7663
    @jhonatanmendez7663 5 років тому

    hola amigo tengfoo una duda y es que cuando minizo la pantalla todo el contenido de mi menu se amontona y no puedo navegar bien porque cuando le doy click a cualquiera de mi menus me lleva al que no querria entonces si es posible ayudarme con eso y saludo

    • @codedave7051
      @codedave7051  5 років тому

      Hola Jonathan lo que sucede es que hice un menú a modo de ejemplo, en tu caso ya lo quieres adaptativo a cualquier dispositivo, te puedo sugerir que veas mi video de menú responsivo :) Ahí te muestro como hacerlo.

  • @merylluckmane710
    @merylluckmane710 5 років тому +1

    Gracias

  • @santiagopantoja6861
    @santiagopantoja6861 5 років тому

    Me pueden ayudar ??
    Es que cuando abro la pag solo me aparece que lo hice en html pero no me parece la parte de css

    • @santiagopantoja6861
      @santiagopantoja6861 5 років тому

      olviden la pregunta ya le entendí xD

    • @codedave7051
      @codedave7051  5 років тому +1

      Me alegra que lo hayas podido resolver :) , saludos

    • @santiagopantoja6861
      @santiagopantoja6861 5 років тому

      @@codedave7051 muchas gracias, por que la verdad estaba bien perdido y no encontraba la forma de hacer un menú pegajoso con movimiento :DD

  • @lyankoizumi8261
    @lyankoizumi8261 4 роки тому

    bro como hago yo para agregar un submenu... es un buen video.. gracias sigas asi de PROO

  • @CarlosRodriguez-if5pp
    @CarlosRodriguez-if5pp 5 років тому +1

    Amigo... Todo funciona de maravilla en escritorio. ...Pero en móvil los "item-options" funcionan de manera errónea

    • @codedave7051
      @codedave7051  5 років тому +1

      En efecto, @Killer te invito a ver mi vídeo de como hacer un menú de navegación responsive, ya que en este vídeo lo hice a manera de ejemplo para mostrar la propiedad sticky

    • @CarlosRodriguez-if5pp
      @CarlosRodriguez-if5pp 5 років тому

      @@codedave7051 Haaa vale vale bro, muchas gracias

  • @ricardoenriquez4964
    @ricardoenriquez4964 5 років тому

    habra algien vivo por ahi??? .
    1- sirven tanto para classes, como para id: ?????,
    2.-funciona paratipos identificadores, propios de algunas plataformas como en el blogger??? .
    3.- funciona en el blogger??? y si es asi como se hace ,, estoy que intento e intento pero no me .funciona,
    4.-uso chrome y en esta pagina veo elefecto perfectamente.
    mil gracias por su respuesta.

    • @ricksanchez-mm9ei
      @ricksanchez-mm9ei 5 років тому

      punto 1, los id y las clases sirven igual en css pero los id solo podes usar con un elemento y es una mala practica.

    • @ricardoenriquez4964
      @ricardoenriquez4964 4 роки тому

      @@ricksanchez-mm9ei Tal ves hice mal la pregunta, esta funcion sirve, tanto para clase como para id;;;;; esto tambien funciona en bloggger, pues en mi caaso no lo puedo hacer funcionar.

    • @ricksanchez-mm9ei
      @ricksanchez-mm9ei 4 роки тому

      @@ricardoenriquez4964 puede que algun valor por defecto te este afectando, podrias usar normalize para restablecer todo a 0. Si eso no lo soluciona no se que podria.

  • @esdrasclother5195
    @esdrasclother5195 6 років тому

    Excelente tutorial Bro!
    Seria un placer mantenernos en contacto:
    facebook.com/EsdrasReview/

  • @DiegoDiaz-pu2pl
    @DiegoDiaz-pu2pl 3 роки тому

    Habla más alto la próxima vez.