Como hacer para que el contenido se ajuste automaticamente al 100% del ancho?
Autor: CARLOS AMARAL
Visitado 1714,
Followers 2,
Compartido 0
Como se configura el ancho del contenido en websiteX5 para que todo se ajuste al ancho como se ve en este template?
https://answers.websitex5.com/projects/122283/live_preview
desde ya muchas gracias
Publicado en
Autor
perdon... quiza vale la pena agregar que todo se ajuste al 100% del ancho como en la plantilla de la url anterior.
Hola Carlos, nota que no es responsive y el efecto no es Parallax
No se programación así que yo lo lo maquetaría así:
En Paso 1:
En Paso 3:
Acá si las celdas con un fondo igual por filas, ese es el truco y dejar centrado el contenido ya sea usando un relleno transparente (un viejo truco desde HTML) por las celdas laterales (o código para asegurar porcentajes)
como en la imagen:
En el ejemplo sería filas de 5 celdas, las de los extremos siempre en blanco (con una imagen transparente) y 3 celdas continuas para cada contenido.
Todas las filas con el mismo fondo para crear ese efecto de transparencia, semi transparencia o blanco...
Editado: con la versión 12 en pantallas menores se puede eliminar la coolumna verde (de mi ejemplo) para que se vea mejor, en versiones anteriores no se podría y quedaría ese espacio.
Así lo intentaría yo, también puedes probar con el Mobirise que es gratis...
Saludos
Jorge M.
Autor
Ahhhh claro... sospechaba que era algo de eso de usar el ancho a 1920 pero pense que habia algo mejor para que quede responsive...
Lo malo que para agregar algo responsive en todo el ancho habria que personalizar la plantilla y hacer que no use el diseño del resto del sitio no?
Muchisimas gracias Jorge!!!
Hola Carlos si se puede hacer que los diseños se vean igual, lo único es mantener las proporciones de ambas plantillas, es decir, ambas plantillas deben de mantener un diseño similar, para que, al reducir la pantalla no se note una diferencia abismal, mas vale la función de ocultar que tiene WebSite X5 V12+ es de gran ayuda al poder ocultar las celdas de la columna verde de mi ejemplo.
Mira este post: https://helpcenter.websitex5.com/post/128870
Ahí se discute esta forma de diseñar nueva que omite los grandes encabezados que se usaba antes y que por compatibilidad asumo que Incomedia lo incluyó en esta versión (v12) y espero que no se incluya en las posteriores para no tener tanta confusión.
Estilo antiguo: Grandes encabezados que en pantallas pequeñas estorban repitiéndose en cada página y ocultan el contenido.
Ejemplo: https://answers.websitex5.com/templates/livepreview/14906209-0448-5ba9-9345-8f9fc2d79363
Estilo moderno: Encabezado y menú fusionado, pequeño para que en pantallas pequeñas se priorice el contenido
Ejemplo: http://ahoramudanzas.cl/
Crédito del diseño: Luis S. Perfil: https://answers.websitex5.com/profile/469805
Saludos
Jorge M.
Autor
Muy buena informacion Jorge!!!
Muchisimas gracias!!!
Por cierto, muy prolijo el diseño de Luis... limpio y simple con la informacion justa.