Тёмный

🔥 Agrega un Texto sobre una imagen con HTML y CSS - Desarrollo Web 

Roger Natividad
Подписаться 17 тыс.
Просмотров 62 тыс.
50% 1

Hola amigos, en este vídeo veremos como agregar un texto sobre una #imagen con solo #HTML y #CSS y veremos lo fácil que es implementarlo.
Sígueme en las redes:
-------------------------------------
📰Blog: rogernatividad...
📷Instagram: / rogernatividad.dev
📑Facebook: / rogernatividad.dev
🐦Twitter: / rogernatividad.dev
👨‍💼LinkedIn:

Опубликовано:

 

28 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 48   
@tamaraluppi7976
@tamaraluppi7976 2 года назад
¡Qué genio! Estoy recién arrancando con este mundo pero ¡Lo pude hacer! Ya tenía las etiquetas armadas de otra forma pero pude aplicar los códigos 🙌 ¡Graciaaas!
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Me alegro que te aya servido. Saludos 🤝
@carlosmoreno8871
@carlosmoreno8871 Год назад
Explicas muy bien, entendí cada etiqueta y te lo agradezco full por tu tiempo, muchas gracias bro 🤙🤙
@RogerNatividadDev
@RogerNatividadDev Год назад
Saludos cracks
@gus4932
@gus4932 2 года назад
Gracias crack, excelente explicación. Muy completa 10/10 jaja
@JeanPaulEIRL
@JeanPaulEIRL Год назад
como puedo guardar las imagenes con texto, sin que cuando esta exportado a un archivo x se borren los textos,..gracias
@RogerNatividadDev
@RogerNatividadDev Год назад
Hacer bien la ruta de la imagen fíjate el código de ejemplo
@franciscobeltran1101
@franciscobeltran1101 Год назад
Gracias por tu gran aporte y he aqui una pregunta que debo hacer para que a mayor cantidad de texto se ajuste
@RogerNatividadDev
@RogerNatividadDev Год назад
Puedes usar el overflow: auto; si tienes demasiado texto eso te genera un scroll
@luisk.maltez7228
@luisk.maltez7228 2 года назад
buen video! como haces para que se actualice automáticamente la pagina web a los cambios hechos en el codigo?
@habit1501
@habit1501 2 года назад
Instala el paquete de servidor live en tu visual para que puedas ver los cambios de manera automatica
@josemariadiy6400
@josemariadiy6400 2 года назад
Hola, buen tutorial 👍 Pero cómo puedo dibujar o colocar un icono (svg u otro) por ejemplo una chincheta o marcador, encima de una imagen...??🤔🤔 Por ejemplo colocar un marcador encima de la imagen del piso de una casa (plano) como para indicar algo. Agradecería tu respuesta.🙏
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Usa la propiedad position absoluta Saludos
@yudithsanchez3116
@yudithsanchez3116 2 года назад
saludos, como puedo hacer un contenedor de las letras y que donde están las letras tenga opacidad?
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Puedes ver el código fuente en la descripción y para opacidad en letras usas en la propiedad color : rgba()
@ignaciodelacubagonzalez5026
@ignaciodelacubagonzalez5026 2 года назад
Gracias!!!!
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Saludos crack
@xberuz6321
@xberuz6321 Год назад
alguien sabe como cambiarlo de lugar?
@RogerNatividadDev
@RogerNatividadDev Год назад
A que lugar te refieres?
@aldolucchi1748
@aldolucchi1748 Год назад
Buen tutorial. Pero no entiendo si lo unico que se quieres es agregar texto para que la lias mas con efectos y todas esas cosas innecesaria? hay que aprender las cosas puntuales. Un tutorial que maximo debe llevar 3 minutos en hacer algo para trabajar, lo hiciste mas del doble por colocar esos efectos personales que NO LE INTERESAN A LAS EMPRESAS NI A UN PROYECTO CONCRETO
@franciscokavcic6109
@franciscokavcic6109 Год назад
el peor
@RogerNatividadDev
@RogerNatividadDev Год назад
Saludos crack
@davidcastiblanco1434
@davidcastiblanco1434 8 месяцев назад
Muchas gracias Roger por la explicación en el video. ¿Me puedes explicar cómo sacas el código para importar la fuente en html? Es que ingreso a google fonts, busco la fuente y ahí me pierdo de cómo sale ese código para importarlo a HTML.
@RogerNatividadDev
@RogerNatividadDev 8 месяцев назад
Saludos crack
@lucianocaro3139
@lucianocaro3139 2 года назад
Una consulta, queda responsive el texto utilizando position absolute? siempre ocupa el mismo lugar con respecto a la imagen?
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Así es
@RobertoGonzalez-nu9rn
@RobertoGonzalez-nu9rn 2 года назад
Excelente video, explicación increíble, lo entendí sin problemas, me resolvió todo lo que buscaba. Espero no dejes de subir estos videos, Felicitaciones!
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Gracias Crack 👍
@cristobaltrujillo7011
@cristobaltrujillo7011 2 года назад
No me cuadra la imagen con el container y al agrandarse, solo se agranda la imagen, también al pasar el cursor por el texto este cambia de posición :(
@gastongalloli3315
@gastongalloli3315 Год назад
Cómo puedo hacer para que el texto no crezca pero que la imagen si?
@RogerNatividadDev
@RogerNatividadDev Год назад
Puede especificar la específicas de la imagen
@wiltonalonsocardona3894
@wiltonalonsocardona3894 Год назад
NO PUDE LA TERMINACIÓN DEL CODIGO EN EL ESTILO DE LA LETRA DEL TEXTO
@RogerNatividadDev
@RogerNatividadDev Год назад
Saludos crack
@Bleucards
@Bleucards 2 года назад
Si bien es cierto que apenas entiendo muy poco sobre creación de páginas web (soy diseñadora gráfica) he podido entender a otros diseñadores web en esta red, pero a ti, la mitad de tus palabras se ahogan en tu boca y vas atorado en la seudo explicación de lo que vas escribiendo. Seguramente sabes mucho de crear páginas web, pero el conocimiento está en tu cabeza y no lo puedes transmitir oralmente.. Lo siento...
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Gracias por el feedback Slds
@hernandecima8449
@hernandecima8449 2 года назад
todo depende , el proporciona informacion precisa , capas te quedaste en otra parte atorado
@matiascabrera1932
@matiascabrera1932 Год назад
Gracias a vos pude poner el texto dentro de una imagen, gracias hermano te agradezco
@RogerNatividadDev
@RogerNatividadDev Год назад
Me alegro que te aya servido. Saludos crack
@anasolfranchisena3211
@anasolfranchisena3211 2 года назад
Excelente! El video me fue de muchísima utilidad. Muchas gracias!
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Saludos 🖖
@galoguerrero9663
@galoguerrero9663 2 года назад
Hola como puedo poner lo que seria el titulo mas arriba? y que no quede en el medio de la imagen? gracias
@RogerNatividadDev
@RogerNatividadDev 2 года назад
Hola pruebes probar con el margin-top
@galoguerrero9663
@galoguerrero9663 2 года назад
@@RogerNatividadDev Muchas Gracias me sirvio!!!!!!
@MissAnahi8
@MissAnahi8 Год назад
Gracias Gracias gracias
@RogerNatividadDev
@RogerNatividadDev Год назад
Me alegra que te aya servido
@ErrorNotFound-vo3sg
@ErrorNotFound-vo3sg 2 года назад
esto tambien se puede hacer con un videos ?
@RogerNatividadDev
@RogerNatividadDev 2 года назад
También con la etiqueta video de HTML 5
@ErrorNotFound-vo3sg
@ErrorNotFound-vo3sg 2 года назад
@@RogerNatividadDev gracias pude hacerlo pero ahora cuando miro la pagina desde el celular pierdo el header :( quiero poner el video despues del header, que recomiendas a hacer ?
Далее
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Просмотров 130 тыс.
Cómo poner texto sobre imagen en CSS (y HTML)
7:11
Просмотров 29 тыс.
Efecto Hover a una Imagen con Html y Css
16:27
Просмотров 141 тыс.
Learn Flexbox in 15 Minutes
15:12
Просмотров 1,2 млн
como PONER TEXTO sobre una IMAGEN en css 🍩
8:14
Просмотров 19 тыс.