Imagen de Fondo con degradado transparente

Поделиться
HTML-код
  • Опубликовано: 9 фев 2025
  • Síguenos en facebook: / jygproyectosweb
    Únete a nuestro grupo: / 1639298496227219
    Síguenos en Twitter:
    / jygproyectosweb
    Apóyanos con un me gusta y compartiendo este video, muchas gracias a todos :)

Комментарии • 115

  • @JorgeRivera-rp1zw
    @JorgeRivera-rp1zw 4 года назад

    Desde ECUADOR ...Atentos saludos..!!

  • @rookieinfinityforce4200
    @rookieinfinityforce4200 2 года назад

    Por salvarme la vida te mereces un tremendo LIKE! psdt: yo me suscribí hace un tiempo. gracias!!

  • @victoriarodriguez2137
    @victoriarodriguez2137 3 года назад

    como no tiene un millon de suscriptores no lo pueo creer, saludos desde argentina.

  • @celestemaldonado8246
    @celestemaldonado8246 2 года назад

    excelente forma de enseñar!

  • @gisellealeidachomyk5720
    @gisellealeidachomyk5720 3 года назад

    Me gusta como explicas! Se entiende bien. Gracias! Saludos desde Buenos Aires

  •  6 лет назад +7

    Bastante útil como oportuno, gracias. Un saludo desde México

  • @cristiandelrio2645
    @cristiandelrio2645 3 года назад

    Más excelente imposibe mi amigo, es exactamente lo que buscaba, muchas gracias y me suscribo :-)

  • @Enkianubis666
    @Enkianubis666 5 лет назад +1

    que excelente gracias por el aporte amigo saludos desde Honduras

  • @gladysolis
    @gladysolis 4 года назад

    Genio total!!! Sos muy práctico vas al grano! y explicas muy simple y claro!!!

  • @ContableAsesor
    @ContableAsesor 4 года назад +2

    Exelente saludos desde la ciudad de Encaranción Paraguay me salió igual por suerte.

  • @pabloszomer
    @pabloszomer 3 года назад +4

    todas las cosas chidas de maquetacion html, js y css ha sido gracias a ti :D Neta larga vida y muchisimas bendiciones xd

  • @JorgeRivera-rp1zw
    @JorgeRivera-rp1zw 4 года назад

    Excelente clase...AMIGO..|!!!

  • @avagonzalez3083
    @avagonzalez3083 4 года назад +1

    Muchas gracias, utilice el video para una tarea y me gusto mucho el resultado. Gracias por compartir tus conocimientos

  • @JhordanR4
    @JhordanR4 2 года назад

    muy buena la explicación! se agradece

  • @blackcode3340
    @blackcode3340 5 лет назад

    GRAN MAESTRO SALUDOS DESDE COLOMBIA TE SIGO DESDE QUE EMPEZASTE

  • @fernandafulco9719
    @fernandafulco9719 4 года назад

    Sos un genio explicando!!! Felicitaciones

  • @adrielzurita7392
    @adrielzurita7392 6 лет назад +1

    Gracias amigo necesitaba un fondo para mi slider estaba sin vida ahora con este tipo de fondo le dare mas vida gracias...

  • @javierespinal9089
    @javierespinal9089 4 года назад

    debo decir que aun e aprendido mucho con su ayuda, muchas gracias!!!

  • @elzury6745
    @elzury6745 6 лет назад +3

    Hola: desde Venezuela ,, me gustan tus vídeos estudio informática y tus vídeos me han ayudado mucho

  • @yeseniavenegas7277
    @yeseniavenegas7277 3 года назад

    Muchas gracias muy buena explicación. :) Felicidad .

  • @deborahsoto22
    @deborahsoto22 4 года назад

    gracias por el video 👌👌👌

  • @alejandroocampo8982
    @alejandroocampo8982 3 года назад

    Mil gracias idolo, me ayudo mucho en mi proyecto. Se entiende perfecto a diferencia de otros videos

  • @rodrigogarcia5829
    @rodrigogarcia5829 4 года назад

    Muchas Gracias, habia buscado mucho tiempo como hacer esto, gracias por tus enseñanzas

  • @condenados8435
    @condenados8435 2 года назад

    Gracias perro me ayudaste un monton eres el mejor

  • @steveUX
    @steveUX 2 года назад

    Crack, como siempre.

  • @facumoralesdj
    @facumoralesdj Год назад

    excelente HERMANO PERUANO !

  • @juanfelipe7677
    @juanfelipe7677 3 года назад

    Que talento para transmitir los conocimientos, gracias, todo fue muy claro y útil.

  • @ivanflores476
    @ivanflores476 2 года назад

    Excelente explicación, te felicito hermano. Gracias.

  • @Elnegritocomar
    @Elnegritocomar 6 лет назад

    Muchas gracias Jean Carlos, saludos de un argentino desde Brasil, abrazo!!

  • @ceciliadonascimento4473
    @ceciliadonascimento4473 4 года назад

    Genio! todas las dudas que tenía para colocar la foto de fondo las encontré en un solo video. Gracias!!!

  • @gonzalogauna6490
    @gonzalogauna6490 3 года назад

    mil gracias amigo, me hiciste entender un tema que no entendía y pude avanzar en una practica en la que estaba estancado, te dejo mi like y mu sub :)

  • @jesuscastro3561
    @jesuscastro3561 6 лет назад

    Excelente como siempre! Simple y fácil de entender como debe ser. Muchas gracias por compartir tu conocimiento con nosotros! Un saludo desde Costa Rica.

  • @josueisaihernandez4951
    @josueisaihernandez4951 4 года назад

    Muchas gracias!... Me ayudo de bastante ya que inicio un proceso en esta rama de Programación y pues... Tenía dudas de ello... Ahora pude resolver esas dudas gracias a ustedes!

  • @madao5722
    @madao5722 2 года назад

    Muchas gracias

  • @SoyDanielPinelli
    @SoyDanielPinelli 3 года назад

    Excelente, gracias!

  • @jarif78
    @jarif78 6 лет назад

    Excelente tutorial. Muchas gracias. Saludos desde AR.

  • @bryanrodriguezz6802
    @bryanrodriguezz6802 6 лет назад

    Muchas gracias por los videos explicas super bien..

  • @elionetroman3227
    @elionetroman3227 4 года назад

    eres un grande bro deberias tener muchas visitas eres un pro

  • @Luenlopar
    @Luenlopar 6 лет назад

    Muy bueno maestro.

  • @peluke12
    @peluke12 4 года назад

    Muchas gracias, has explicado mejor que algunos cursos de Udemy que estoy cursando.

  • @virginiacalvo4075
    @virginiacalvo4075 4 года назад

    sos un genio!!! Ame el efecto y me super funciono!

  • @bscodev
    @bscodev 6 лет назад +1

    Gracias por este tipo de vídeo, explicas muy bien, saludos.!

  • @margelcastro
    @margelcastro 4 года назад +1

    funciona perfectamente. ;)
    Eres el puto amo

    • @manuellopez5426
      @manuellopez5426 4 года назад +1

      Hola lo hice tal como lo explica en su vídeo, pero no me sale la imagen, investigue y me explican que debo usar
      background-imge: url(../imagenes/laimagen.jpg); y tampoco me sale, podrías trasladarme un ejemplo. gracias.

    • @manuellopez5426
      @manuellopez5426 4 года назад

      background-image (corrección)

  • @chuydani
    @chuydani 4 года назад

    Increíble Bro

  • @alonsoarauz9716
    @alonsoarauz9716 4 года назад

    gracias me saco de un apuro.

  • @TRAVISRICKO
    @TRAVISRICKO 4 года назад +1

    gracias amigo!

  • @wifilder
    @wifilder 6 лет назад

    Volviste mi estimado saludos y gracias por tu buen conocimiento impartido (Y) !!

  • @gilbertoramirez6296
    @gilbertoramirez6296 6 лет назад

    Que buen trabajo me ayudo muchisimo, gracias! ✌😉

  • @nestortito4209
    @nestortito4209 5 лет назад +1

    sub elementos ?son una especie de capas???

  • @Gen3bra
    @Gen3bra 4 года назад

    genio!

  • @GtAbimael
    @GtAbimael 6 лет назад

    Muchas gracias, muy bien explicado. Saludos.

  • @pepinoverdeoscuro6954
    @pepinoverdeoscuro6954 2 года назад

    Te amo

  • @hawkinsdavidmarques
    @hawkinsdavidmarques 6 лет назад

    Gracias.
    Excelente vídeo!

  • @jesusberrocal3545
    @jesusberrocal3545 2 года назад

    Gracias por tu aporte, es muy útil. Como se llama la extensión que utilizas para resaltar los paréntesis. Desde ya gracias por responderme. Saludos !!!

  • @josuemurillo4264
    @josuemurillo4264 6 лет назад

    Muchas gracias mi estimado

  • @unargentinoquepiensa7428
    @unargentinoquepiensa7428 2 года назад

    y esto anda sino le pongo linear-grediente?? osea solo con opacity?

  • @stevebalnco5862
    @stevebalnco5862 4 года назад

    excelente tutorial

  • @haranitgonzalez3582
    @haranitgonzalez3582 6 лет назад

    Excelente video

  • @plcchileplc2061
    @plcchileplc2061 4 года назад

    donde se puede bajar el codigo

  • @ulisescalixto
    @ulisescalixto 2 года назад

    Hola, pregunta como puedo hacer que una imagen no se vea pixeleada

  • @FernandoGarcia-tu3yu
    @FernandoGarcia-tu3yu 5 лет назад

    muy bueno

  • @andyhkd999
    @andyhkd999 3 года назад

    como hago para q el dedagrado me quede a la medida con una imagen mediana?

  • @rogergranillo6256
    @rogergranillo6256 4 года назад

    lo felicito muy buen tutorial sera que puede hacer para android

  • @loren8308
    @loren8308 4 года назад

    Hola, disculpa como puedo hacer que no se les aplique el mismo efecto a todo el contenido como lo cierro

  • @matiasduport171
    @matiasduport171 5 лет назад +1

    De que tamaño tiene que ser la imagen para ocupar toda la pantalla

  • @LaZorrita11
    @LaZorrita11 4 года назад

    Geniioo

  • @liamarrieta354
    @liamarrieta354 Год назад

    ¿Cómo puedo hacer que el color para opacar no se ponga encima del texto, imágenes y demás?

  • @johnpaulrucanasalinas3276
    @johnpaulrucanasalinas3276 6 лет назад

    Hola excelente video, pero si quisiera que la imagen solo permanezca en la pantalla completa y que después de ella haya texto y otras cosas?. El problema es que al colocar la imagen en el body el texto siempre va a aparecer por encima de la imagen

  • @QKST117
    @QKST117 6 лет назад

    Buen video!!

  • @luisc8480
    @luisc8480 6 лет назад

    Tus videos son muy buenos 😀

  • @emanemszombie8491
    @emanemszombie8491 11 месяцев назад

    Estoy haciendo una pagina y estoy implementando esto pero al momento de verla solo me cubre la parte que se ve en la pantalla pero al momento de bajar por la información no abarca todo sino solo hasta un pedazo, alguien sabría como puedo hacerle?
    Gracias

  • @oxentvgamer280
    @oxentvgamer280 6 лет назад

    ¡buen vídeo!, seria bueno un vídeo tutorial de como hacer un sistema de publicaciones o noticias en PHP.

  • @unargentinoquepiensa7428
    @unargentinoquepiensa7428 4 года назад

    amigo sos un crack cuanto haces al mes en dolares?? me imagino que mas de 1.000 facil saludos

    • @Jygproyectosweb
      @Jygproyectosweb  4 года назад

      En en el canal de RUclips? O con proyectos

    • @unargentinoquepiensa7428
      @unargentinoquepiensa7428 4 года назад

      @@Jygproyectosweb proyectos pa. xq veo q sabes un monton

    • @Jygproyectosweb
      @Jygproyectosweb  4 года назад

      Pues te comentaré que no me dedico al 100% a los proyectos a parte soy docente. Pero por ahí se va.

    • @unargentinoquepiensa7428
      @unargentinoquepiensa7428 4 года назад

      @@Jygproyectosweb pero cuantos ganas maso menos jajajaaj haciendo proyectos?? se nota q sos docente xq sabes mucho

  • @ProPlayer20
    @ProPlayer20 3 года назад

    En el 5:15 al ser pseudoelement no sería body::before ???

  • @migueliyouwu8853
    @migueliyouwu8853 2 года назад

    no cubre toda la pagina :(

  • @Valentina-ei9eq
    @Valentina-ei9eq 4 года назад

    Hola, espero me contestes, primero gracias por el vídeo; y segundo, como puedo hacer para que el transparente quede en todo el alto de mi aplicación, pues cuando bajo en la pagina (con el scroll), la transparencia no aparece

    • @izharbaeza8030
      @izharbaeza8030 3 года назад +1

      Al usar el pseudoelemento before, en vez de usar la propiedad 'position: absolute', puedes usar 'position:fixed'.

  • @benjamindomador1074
    @benjamindomador1074 3 года назад

    Oye, no tienes un video explicando cómo hacer un fondo con gradiente ?, es que quiero hacer como una caja pero que una parte se vea una imagen que aparece gradualmente y en la parte de color solido escribir un texto (soy principiante pero me defiendo .___. espero que tengas un video así)

  • @sergiocotero6622
    @sergiocotero6622 3 года назад

    Hola.

  • @lalolg5726
    @lalolg5726 6 лет назад +1

    Jean Carlos, seguirás con los vídeos de Corel Draw? :(

  • @lastblade4400
    @lastblade4400 6 лет назад

    Muy buenos vídeos felicidades, yo coloque un logo pequeño en el centro en vez de el texto pero el logo también me sale con degradado igual que el fondo y eso no se como solucionarlo.

  • @kebynruiz4216
    @kebynruiz4216 4 года назад

    A mi solo me colorea la mitad del body... Ya ni se q aplicarle para ocupe toda la altura del body

  • @Henry_Nunez
    @Henry_Nunez 3 года назад

    😊👏👏👏👏👏👏

  • @Venom24Termux
    @Venom24Termux 3 года назад

    Todo bonito pero subiendolo a un servidor no sirve las imagenes de fondo no se cargan

    • @Jygproyectosweb
      @Jygproyectosweb  3 года назад +1

      si en local te funciona y en servidor no, algo esta mal con los archivos o con tu servidor. Lo mas probable es la extensión de las imágenes esté en mayúsculas, si tu imagen está con la extensión en mayúsculas y tu código no el server no suele leerlo.

    • @Venom24Termux
      @Venom24Termux 3 года назад +1

      @@Jygproyectosweb muchas gracias estaba bien escrito solo que elimine el archivo .css y la foto .jpg y volvi a subirlas al servidor y ya esta mi foto de fondo gracias y buenos videos, te deceo mucho extito desde santa fe mexico

  • @andresortiz4780
    @andresortiz4780 6 лет назад

    Hola!! Que es lo que ocupas para que se te actualice al instante la pagina? Es bastante útil

    • @lalolg5726
      @lalolg5726 6 лет назад +1

      Brackets, un editor de texto, tiene una función de Live Preview. Puedes usar Prepross también, te ahorran bastante tiempo ;)

    • @Jygproyectosweb
      @Jygproyectosweb  6 лет назад +1

      La vista previa es del editor brackets

    • @andresortiz4780
      @andresortiz4780 6 лет назад

      Gracias!

  • @jdbemx5772
    @jdbemx5772 5 лет назад

    y tu html donde lo tienes

  • @busseniuspropiedades9666
    @busseniuspropiedades9666 5 лет назад

    Hola
    puedes hacer un video de como insertar un slider de fondo . Te lo agradecería mucho
    Saludos

  • @FerWorld800
    @FerWorld800 4 года назад

    yo lo estoy haciendo pero no me aparece la actualizacion en la pantalla dinamica :c

    • @FerWorld800
      @FerWorld800 4 года назад

      ya me salió weey que cool estáaaa

    • @Valentina-ei9eq
      @Valentina-ei9eq 4 года назад

      Hola compañero, como lo solucionaste?

    • @FerWorld800
      @FerWorld800 4 года назад

      Te paso el código si quieres por correo

    • @FerWorld800
      @FerWorld800 4 года назад

      La verdad que pillé, solo jugando con los valores

    • @Valentina-ei9eq
      @Valentina-ei9eq 4 года назад

      Si porfa, mi correo es viafaravalentina35@gmail.com

  • @aelacostte5297
    @aelacostte5297 5 лет назад +1

    No me sale :( veo que en tus pestañas tienes < > y para el Css # ¿por eso no me sale o que pedo? :(

  • @brayanjose2911
    @brayanjose2911 5 лет назад +1

    Amigo, porque mi estilo css no sirve cuando le uso: background-image: url(1.jpg); el css lo enlace a html, pero cuando recargo la pagina no me aparece el fondo

  • @camilahid458
    @camilahid458 3 года назад

    no me saleTwT

  • @leirbag8007
    @leirbag8007 5 лет назад

    si no les funciona prueben definir un height: 100% en el pseudoelemento :v