WebSite X5Help Center

5 RESPUESTAS
CARLOS AMARAL
CARLOS AMARAL
Moderator
Autor
Usuario del mes ESUsuario del mes PT

perdon... quiza vale la pena agregar que todo se ajuste al 100% del ancho como en la plantilla de la url anterior.

Leer más
Publicado en de CARLOS AMARAL
Jorge M.
Jorge M.
Moderator

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 estilo de la plantilla: encabezamiento a 1920 y todo lo demás se pone a 1920.
  • La imagen de fondo fija en 1920 por 1080
  • Todo transparente (Fondo de encabezado, encabezamiento, pie, contenido de la página, Fondo de pie de página, pie de página)

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.

Leer más
Publicado en de Jorge M.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Autor
Usuario del mes ESUsuario del mes PT

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!!!

Leer más
Publicado en de CARLOS AMARAL
Jorge M.
Jorge M.
Moderator

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.

Leer más
Publicado en de Jorge M.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Autor
Usuario del mes ESUsuario del mes PT

Muy buena informacion Jorge!!! 

Muchisimas gracias!!!

Por cierto, muy prolijo el diseño de Luis... limpio y simple con la informacion justa.

Leer más
Publicado en de CARLOS AMARAL