Oscar, genial este tutorial. Me gustaría aplicarlo a sólo una imagen ¿ Es posible? En los tutoriales premium puedo aprender a hacer en solo una imagen, es decir. Una columna con 2 modulos, 1 de imagen y 1 de texto.
Hola Juan Sebastián, sí, es posible aplicarlo solamente a una imagen, es prácticamente lo mismo. Solamente usas una columna o dos dependiendo lo que desees lograr. No hay necesidad de suscribirte a los tutoriales premium para lograrlo, pero si te suscribes yo te puedo ayudar y hacerlo por ti sino te sale. Un abrazo :)
Excelente tutorial Oscar, pero una consulta en el movil hay que hacer clic para recien ver el efecto no? no existe una funcion para que cuando se hace scroll el efecto sea automatico? Gracias de antemano. Saludos
Hola Fredy, efectivamente en móvil debemos hacer tap para que se aplique el efecto. No es posible que sea automático pero si es posible no hacer el efecto en móvil para que se muestre de una la información
@@josecornieles2078 Solamente en los ajustes de la página / Avanzado / CSS Personalizado agrega este código abajo del que ya tenemos: @media only screen and (max-width: 768px) { .ov-fancy-hover .et_pb_column .nombre { transform: translateY(-4ex) !important; } .ov-fancy-hover .et_pb_column .puesto { transform: translateY(-3ex) !important; opacity: 1 !important; } }
Oscar en primer lugar muchas gracias por tu trabajo, excelente, me ocurre un error, al copiar el código en la configuración de la página como indicaste, no se me producen los efectos, puede ser debido a que cuando escribí el CSS personalizado de las columnas además del aspect ratio añadí un height de 300?
Hola está genial. Lo único es que en tableta me sale una imagen separada del texto, como de unos 50px, en el cel se ve bien pero en la tableta si se ve así. Me podrias indicar como arreglarlo sin dañar las otras vistas?
Hola, necesito inspeccionar la página para ver lo que comentas. ¿Me compartes la url? Si no te deja escribirla en los comentarios escribela así: tu pagina web punto com
A mi no se me ejecuta el orden de la imagen del minuto: 8:51, la imagen sigue debajo del texto, no detrás, que puede ser?, gracias por la información!!!
Probé a eliminar el height 300px y aplicar solamente el aspect ratio como tu indicas pero tampoco logro el efecto tras copiar el codigo en la config de CSS de la página, que pena
Hola Daniel, solamente a las columnas ponles la visibilidad oculta. Esto lo haces desde los ajustes de la fila / ajustes de la columna / avanzado / visbilidad / desbordamiento horizontal y vertical: Oculto.
![*NON CODER* Building SaaS Application using AI - Episode 1 [GENESIS]](http://i.ytimg.com/vi/uPohzMeYl8w/mqdefault.jpg)
Bendito sea el Aspect-Ratio!!!... Gracias por estos tips.
Es muy bueno, pero creo solo va bien para escritorio, para móvil hay que definir un height 😬
Excelente Oscar! Muchas gracias, tutoría comprensible y super profesional. El efecto IMPRESIONANTE. Saludos!!
Muchas gracias Alex. Un abrazo. Saludos
Creo que este ha sido el tutorial más útil que he visto en mi vida! Gracias a tí mi página web ahora se ve increíble!! Muchísimas gracias!!
Excelente leer este tipo de comentarios Esther. Te mando un abrazo. Gracias :D
Que tipo tan agradable
🥰
Gracias, Oscar. Siempre acertado con tus tutos. Bendiciones
Muchas gracias Yhon! Seguimos 💪
Buenísimo tutorial, de verdad gracias bro. Un seguidor más para comprar tus cursos
Muchas gracias por el apoyo 🤩 Seguiré creando mucho contenido tanto premium como gratuito 😄
¡¡ Gran trabajo !! Oscar, como siempre. Un abrazo
Gracias Iñaki :)
Muy bueno, gracias!
Gracias Daniel, un abrazo :)
Genial, buen aporte!
Qué lo disfrutes :)
Oscar, genial este tutorial. Me gustaría aplicarlo a sólo una imagen ¿ Es posible? En los tutoriales premium puedo aprender a hacer en solo una imagen, es decir. Una columna con 2 modulos, 1 de imagen y 1 de texto.
Hola Juan Sebastián, sí, es posible aplicarlo solamente a una imagen, es prácticamente lo mismo. Solamente usas una columna o dos dependiendo lo que desees lograr.
No hay necesidad de suscribirte a los tutoriales premium para lograrlo, pero si te suscribes yo te puedo ayudar y hacerlo por ti sino te sale.
Un abrazo :)
Excelente tutorial Oscar, pero una consulta en el movil hay que hacer clic para recien ver el efecto no? no existe una funcion para que cuando se hace scroll el efecto sea automatico? Gracias de antemano. Saludos
Hola Fredy, efectivamente en móvil debemos hacer tap para que se aplique el efecto. No es posible que sea automático pero si es posible no hacer el efecto en móvil para que se muestre de una la información
@@OVDIVI Hola gracias iscar, como hago para que el efecto n ose aplique en el mobil ya que se veo feo en esa version
@@josecornieles2078 Solamente en los ajustes de la página / Avanzado / CSS Personalizado agrega este código abajo del que ya tenemos:
@media only screen and (max-width: 768px) {
.ov-fancy-hover .et_pb_column .nombre {
transform: translateY(-4ex) !important;
}
.ov-fancy-hover .et_pb_column .puesto {
transform: translateY(-3ex) !important;
opacity: 1 !important;
}
}
Oscar en primer lugar muchas gracias por tu trabajo, excelente, me ocurre un error, al copiar el código en la configuración de la página como indicaste, no se me producen los efectos, puede ser debido a que cuando escribí el CSS personalizado de las columnas además del aspect ratio añadí un height de 300?
Hola Fernando, no sabría decirte si es por eso, compárteme la url de tu ejercicio y reviso que sucede.
Hola está genial. Lo único es que en tableta me sale una imagen separada del texto, como de unos 50px, en el cel se ve bien pero en la tableta si se ve así. Me podrias indicar como arreglarlo sin dañar las otras vistas?
Hola, necesito inspeccionar la página para ver lo que comentas. ¿Me compartes la url? Si no te deja escribirla en los comentarios escribela así: tu pagina web punto com
Hola!!! lo utilice con imagenes rectangulares y textos mas largos y se desordena mucho! como se puede solucionar eso? gracias
Hola Juan, se puede agregar una desplazamiento interno o se puede cambiar la altura de cada card. ¿cual es la url de tu ejercicio?
A mi no se me ejecuta el orden de la imagen del minuto: 8:51, la imagen sigue debajo del texto, no detrás, que puede ser?, gracias por la información!!!
puede ser el indice z. Juega con el valor del z-index de los elementos
Probé a eliminar el height 300px y aplicar solamente el aspect ratio como tu indicas pero tampoco logro el efecto tras copiar el codigo en la config de CSS de la página, que pena
¿Cuál es la url de tu web?
@@OVDIVI Oscar logré solucionarlo, nuevamente muchas gracias!
@@fernandomoralespinera6257 Me podrias decir como solucionaste el problema
La imagen al rotar sale de la columna... Alguien sabe como arreglar eso? Por qué pasa?
Hola Daniel, solamente a las columnas ponles la visibilidad oculta. Esto lo haces desde los ajustes de la fila / ajustes de la columna / avanzado / visbilidad / desbordamiento horizontal y vertical: Oculto.
@@OVDIVI Bueeeenisimo! Michas Gracias OV!!