Como hacer un footer responsive | HTML5 - CSS3 | Bien explicado

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

КОМЕНТАРІ • 138

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

    Debo quitarme el sombrero y gritarle al mundo que EN TODAS PARTES HAY GENTE INTELIGENTE.
    FELICITACIONES, tu método va directo a resolver mil dudas.
    Sigue ofreciendo soluciones con el , los menú , o el .

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

    Estoy en Proyecto del instituto, y este video me ayudo mucho, gracias por brindar un poco de tus conocimientos.
    Saludos desde Perú

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

    Muchísimas gracias Magtimus. Me sirivió para mi proyecto que tenía que presentar. Te ganaste un suscriptor.
    Saludos desde Lim-Perú

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

    Muchas gracias, me ayudaste mucho con este tutorial al desarrollar mi proyecto final para la materia de Programación Web de la universidad... Saludos cordiales desde la Ciudad de México 🇲🇽

  • @rauladrianza6552
    @rauladrianza6552 3 роки тому +1

    muchas gracias aprendi muchisimo con tu video que Dios te bendiga

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

      Gracias hermano por tu apoyo, me alegra mucho saber que te pude ayudar. Saludos!

  • @gonzalobustosdiaz
    @gonzalobustosdiaz 5 років тому +21

    5:41
    "Ven para que lo vea mejor", Welinton quiw

    • @Enger19t
      @Enger19t 4 роки тому +3

      Ey mmg te pasaste🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣aqui con el primo lucas🤣😂🤣🤣🤣🤣

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

      comiendo manguito con el primo luca

    • @valemayorga42
      @valemayorga42 3 роки тому +1

      @@yeisonquirozreyes9715 clasico

  • @joellafuente6391
    @joellafuente6391 3 роки тому +1

    Me encanto la manera en la que explicas, sos un crack.

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

    Mil gracias por tu excelente explicación, fue de mucha ayuda en el desarrollo de mi proyecto socio-tecnológico, millones de gracias y que dios te bendiga.

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

    Muy buena practica gracias

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

    ERES DOMINICANO! Ya me suscribo hermano, buen trabajo

  • @mrswason7483
    @mrswason7483 3 роки тому +1

    buen vieo crack me sirvio mucho

  • @Wich183
    @Wich183 4 роки тому +2

    Muchas gracias, comienzo con web develop y me fue muy útil.

  • @itachimage1166
    @itachimage1166 4 роки тому +4

    Muy buen video, solo, una pequeña recomendación, en vez de usar el 3 veces, cambia el tamaño del texto y ponla en negritas, de esa manera el buscador de google no te penaliza

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

      Podrias explciarme como es eso de que google te penaliza? Gracias, se que es una buena practica no usar mas de 1 h1

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

    Crack bro, gracias por el contenido!

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

    Cristian eres exelente gracias por tomarte el tiempo en enseñar como realizar proyectos como estos.

  • @Sai_11223
    @Sai_11223 5 років тому +6

    Gran video, me ayudo mucho, eres genial explicando y con el codigo; siento que aprendí mucho, te lo agradezco

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

    este men cada vez saca mejores videos xd

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

    muchas gracias, me ayudaste mucho.

  • @micaelarodriguez9452
    @micaelarodriguez9452 5 років тому +2

    Muchas gracias!
    Muy bien explicado. Gracias por compartirlo con nosotros! Fue de gran utilidad. Saludos.

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

    gracias amigo

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

    bastante intuitivo tu tutorial y muy bien explicado

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

    Muchas gracias Magtimus por los videos, me han servido mucho para realizar mi primera home page responsive ^.^. Ha costado adaptar tus tutoriales a mi diseño jeje.. pero he acabado por fin. Un saludo.

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

    Excelente vídeo, eres genial, gracias por compartir tus conocimientos.

  • @difasa6266
    @difasa6266 7 років тому

    Muchas gracias, muy excelente sus cursos lo estoy siguiendo

  • @cieelo
    @cieelo 4 роки тому +1

    Muchas clases profe.

  • @jferchief9795
    @jferchief9795 4 роки тому +1

    buen trabajo compañero sigue así que Dios te dará cosas muy buenas en la vida....... si es posible ponle más anuncios a estos tipos de vídeos que ya que no pago por tu trabajo al menos youtube te da algo de dinero ....... espero no decir algo mal... pero realmente eres lo mejor..... :)

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

    Hola!! Me encanto tu vídeo, un placer suscribirme a tu canal.

  • @denjiruesta2995
    @denjiruesta2995 4 роки тому +1

    buenisimo! agradecido contigo.

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

    Buen aporte bro, estaria bueno que lo subas a GitHub o algo por el estilo ya que aveces se pierde un poco asi tenemos mejor visual del codigo, mas para aquellos que le hacemos modificaciones, y una pregunta cómo se llama la extensión o programa que marcas una clase en el editor de texto y te lo señala en el navegador

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

    ¡Bueno!

  • @SrRobot09
    @SrRobot09 4 роки тому +1

    Gracias Crack

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

    Muy bueno, gracias!! veo que cuando escribes, el teclear la letra hace como un efecto que rompe el puntero y que da la letra. Como haces eso? saludos!

  • @r.rrizadas9710
    @r.rrizadas9710 4 роки тому

    Muchas gracias

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

    Genial vídeo. He hecho mi footer y además he aprendido algo de código, double win. Like :v. Tienes por ahí algún vídeo explicando como implementar el footer en wordpress, una vez hecho? Gracias, y un saludo

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

    Hola, me podrias ayudar para que independientemente del texto de la parte superior, el footer siempre quede debajo ... espero tus comentarios gracias ...

  • @ximenat.sinanicama5484
    @ximenat.sinanicama5484 4 роки тому +1

    Gracias, me salvaste... jejeje

  • @KyfaxKun
    @KyfaxKun 3 роки тому +1

    Muchas gracias por el video, una consulta estoy comenzando en todo este mundo y queria saber como haces para que los cambios sean instantáneos en el navegador y te marque que estas cambiando? yo estoy usando el sublime text

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

      Vs code, tiene un plugin que se llama Live Server

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

    Buenos dias Magnitus te felicito por tus videos excelente he aprendido mucho muy bien explicado. Te queria comentar algo por ignorancia como seria la creacion del link de cada uno de las redes sociales. Gracias

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

    Excelente, muy bien explicado y completo. Gracias

  • @jehovaesmipastor9345
    @jehovaesmipastor9345 6 років тому +4

    Excelente video brot, Dios te Bendiga!

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

    Hola, ¿en qué programa hiciste el diseño?

  • @hectorjaker7074
    @hectorjaker7074 7 років тому +1

    Wow esto esta de primer nivel, saludos amigo magtimus, por ak el activo.

    • @VisualAvalon
      @VisualAvalon  7 років тому

      Muchísimas gracias mi amigo, saludos, cuídate.

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

      @@VisualAvalon hola amigo que tal por aquí sigue el ACTIVO, SI ME RECUERDAS ?? excelente canal amigo sabía que llegarías lejos, mantente siempre humilde

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

    que extensiones usas actualmente? Podrías darme una lista por favor...

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

    genio!

  • @CodigoMasters
    @CodigoMasters 7 років тому +1

    Genial MAGTIMUS. Saludos

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

    tienes nueva sub, gracias por la ayuda

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

    Muchas gracias brother, me fue de mucha utilidad. :)

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

    viajaste en el tiempo al pasado, porque ya te dio el covid-19 espero hayas sobrevivido jaja; buen video, me ayudo mucho

  • @yoverrosado8545
    @yoverrosado8545 7 років тому +1

    Primer commen bro en facebook le deje la img de la tienda que estoy haciendo :) saludos desde Ecuador.

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

    Sos un crack hermano!

  • @artbasssoundmusic
    @artbasssoundmusic 7 років тому +1

    Saludo desde santo domingo

  • @yosramh1283
    @yosramh1283 7 років тому +4

    you are doing a great job maaaaan

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

    sos un genio!

  • @TaiinyFlogg
    @TaiinyFlogg 7 років тому +1

    Muy interesante ese Footer, muy bien por el video :D saludos.

    • @VisualAvalon
      @VisualAvalon  7 років тому

      Muchas gracias amigo, me alegra muchísimo que te haya gustado.

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

    Muy interesante bro, una pregunta cuando haces el footer al tamaño mas minimo, sale una rayita blanca, que hace que se ponga una barra de scroll horizontalmente, a que se debe eso, Espero tu respuesta gracias

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

      Es porque el contenido no cabe, de forma automática la rayita te permite subir o bajar el texto para que puedas verlo.

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

    cuál es el programa de diseño que usas en el q recisavas q ya tenías echo el dibujo del footer ?

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

      Hola que tal amigo, el programa de diseño se llama: Adobe Experience Design (Adobe XD).
      Saludos.

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

      @@VisualAvalon muchas gracias la verdad muy bien explicado y vale la pena verlo.

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

    Gracias amigo :D

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

    Resolvi alguna duda, gracias.

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

    que programa hace el efecto en la escritura?

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

    Hola tengo una duda el lo hizo acá desde cero? Como nombro un video anterior?

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

    una pregunta cuando voy a poner la parte de el Container-Footer tiene una padding a la izquierda el cual yo no le puse, es el mismo padding que la 1ra columna.
    ayuda pls

  • @KhevTello
    @KhevTello 5 років тому +3

    Muy buen video, pero sería bueno que edites tus errores y no lo muestres en el video.

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

    Muy buen video y donde esta para descargar el código?????

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

    como habilitaste los atajos? yo lo descargue pero no me resultan los atajos como los que usas en los divs con clase

  • @danielpadilla3947
    @danielpadilla3947 4 роки тому +1

    hay alguna forma de fijarlo en la parte inferior aunque este vació el contenido de la pagina ?
    que el footer aparezca en la parte inferior, aunque solo haya una linea de texto en la pagina

    • @VisualAvalon
      @VisualAvalon  4 роки тому +1

      Hola que tal amigo... si en el canal hay un video de como hacer eso que requieres amigo, ve buscalo... se llama Sticky Footer. Saludos espero haberte ayudado.

  • @achell8378
    @achell8378 4 роки тому +1

    ¿Como le hiciste para que la barra lateral en brackets sea desplegable?

    • @VisualAvalon
      @VisualAvalon  4 роки тому +1

      Yo tengo un vídeo donde muestro todas las extensiones que uso en Brackets:
      ua-cam.com/video/-dXIhk_Zk1o/v-deo.html
      Saludos, espero que te sirva.

    • @achell8378
      @achell8378 4 роки тому +1

      @@VisualAvalon muchas gracias!

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

    de donde saco los iconos de las redes sociales?

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

    Buen video aunque me pones un poco nervioso al decir ponel XD

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

    hola con control D me limpio toda una linea de codigo. uso visual studio code. porque me paso?

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

    @MagnitusPro e intetado varias veces y nada me sale de una manera diferente me podrías colaborar con eso o el codigo para comparar con el mío y ver en qué estoy equivocado

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

    ¿Por qué será que información de contactos no se me puso al lado de los otros dos?

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

    hola, me podrias enseñar a subirlo ahora a cpanel porque ahi estoy modificando mi archivo footer ? es que solo se pegar el html pero nos e donde va el css o como se guarda el documento

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

    oye wee
    como hiciste ese efecto al escribir
    pasamelo bro

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

    Could I use this footer for my personal website?

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

      yeah! no problem!

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

      Thank you very much this is very helpful✌️

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

    Muchas Gracias Por El Vídeo Me Ayudo Mucho Pero Quisiera Saber Como Lo Puedo Hacer El Footer Mas Pequeño, Por Favor Gracias Nuevamente

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

    cual editor de texto usas?

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

      el editor que utilizo es Brackets. Lo puedes descargar desde Brackets.io. Saludos de antemano y espero que te suscribas y actives la campana de notificaciones.

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

    Muy bien el aporte, solo recomendarte que ya tengas la estructura debidamente detallada para no estar diciendo ¡ ah otra cosa! , ¡se me pasaba! se alarga el video demasiado desde mi punto de vista y tiendes a confundir para los que iniciamos en este mundo de la programación.

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

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

    Hola, intente hacerlo tal cual y no me funciono. Me figura como el texto uno abajo de otro, segui todos los pasos al pie de la letra.

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

    Like por que me da risa tu voz

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

    Cuando pongo la pagina en movil se come todo el footer, ¿saben porque es?

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

    Amigo tengo una pregunta como haces para ver los cambios de inmediato en el navegador

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

      click derecho y en inspeccionar

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

    busco que se relacione con el archivo css

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

    Estaba siguiendo todos los pasos, pero a la hora del display: flex; para en footer no quería hacer nada.
    tengo que presentar una pagina web mañana en la mañana y estoy atrasadísima.

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

    el video no está mal , no paras de equivocarte y corregir codigo continuamente, te demoras pesando en color y tamaños esto alrga el video muchísimo aparte de hacerlo estresante al estar corrigiendo a cada rato. deberías prepararte mejor el video

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

    como puedo ponerle ese pie de pagina a mi pagina web?

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

    como se le cambia el color?

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

    hola, por pura casualidad, donde puedo encontrar o descargar los iconos?

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

    Alguien me puede decir que hago para que este footer si quede hasta abajo?

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

    REPUBLICA DOMINICANAAAAAAA

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

    Hol buneas si funciona en mi taller te doy likes mas

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

    "Siguenos en google+" eso tambien lo tengo que poner? XDXDXDXD

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

    Brasil

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

    hola soy estudiante de diseño wed amigo ay algo que no me resulta me puedes alludar

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

    tardé más en corregir mi código cuando te equivocabas con los Container

  • @veronicanatalia2248
    @veronicanatalia2248 5 років тому +2

    Hola! estoy aprendiendo programacion y me toca hacer un footer,mi pregunta es...donde "guardaste" el container footer? minuto 35:20 Gracias!!!

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

      Hola que tal, solo he puesto el container-footer antes del cierre de la etiqueta
      Saludos

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

    No funciona, cuando lo subo a mi hosting se desconfigura, no toma los estilos.

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

    Y el codigo? :v

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

    a mi no me pone los iconos

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

    Buenos días e intentado varias veces y no me sale así,me sale de otra manera.
    Si podrías de hacerme el favor de pasarme el codigo