Herramientas Personales
Usted está aquí: Inicio / Ayuda / Foros / Plone / Igualar el ancho de las columnas izquierda y derecha

Sitios web Plone desde 90 € al año

Dominio, correo y alojamiento incluidos.
El mejor CMS existente en la actualidad:
¡Pruébelo gratis durante 30 días!

Igualar el ancho de las columnas izquierda y derecha

Ir a Plone

Igualar el ancho de las columnas izquierda y derecha

Enviado por Proyecto Gran Simio - España el 2012 Junio 18 09:26

Manuel,

¿Se podría hacer que el ancho de la columna izquierda sea el mismo que el de la columna derecha? (creo que es una mejora estética y deja más espacio al menú).

Re: Igualar el ancho de las columnas izquierda y derecha

Enviado por Acento Web el 2012 Junio 18 19:27

Hola Paco,

Sí podría hacerse y es fácil de realizar.

En vuestro caso (actualmente, Plone 3.3.4 y tema libre Schools), primero hay que activar el modo de desarrollo CSS (para que veamos inmediatamente los cambios CSS), después modificamos el ancho de la columna izquierda (para que sea igual al de la columna derecha) y finalmente desactivamos el modo de desarrollo CSS:

  1. ZMI -> portal_css -> marcar la casilla Debug/development mode -> pulsar el botón Save (casi abajo del todo).
  2. Abrir vuestro sitio en una nueva pestaña -> ZMI -> portal_skins -> custom -> base_properties -> Properties -> cambiar 162px por 224px en el campo columnOneWidth -> Save Changes. En una nueva pestaña entramos en la página principal del sitio y comprobamos que todo ha ido bien.
  3. Si todo ha ido bien, desactivamos el modo de desarrollo CSS: ZMI -> portal_css -> desmarcar la casilla Debug/development mode -> Save.

¡Ojo!

  • Hacer esto reduciría el ancho de la columna central en 62 píxeles (los que se añadirían a la columna izquierda) y quizás tendríais que modificar algunas de las imágenes usadas en el carrusel de portada (en las resoluciones más pequeñas -por ejemplo, 1024 de ancho de pantalla-, algunos simios pueden quedar cortados por los lados).
  • Las imágenes actuales de la columna izquierda miden 144 píxeles de ancho, para que se ajusten bien al ancho actual de dicha columna. Si aumentas el tamaño de la columna izquierda, también tendrías que aumentar el tamaño de las imágenes situadas en sus portlets, para que no queden huecos feos a sus lados. Ahora tendrían que tener 62 píxeles más de ancho (206, en vez de 144).

Saludos,

Ofertas de diseño web de sitios Plone

 

Re: Igualar el ancho de las columnas izquierda y derecha

Enviado por Proyecto Gran Simio - España el 2012 Junio 20 12:27

Aquí te as debido de saltar algo. ¿Donde está ZMI?.

 

Re: Igualar el ancho de las columnas izquierda y derecha

Enviado por Acento Web el 2012 Junio 20 13:42

Si te fijas, las siglas ZMI aparecen enlazadas. Pulsa en su enlace y sabrás qué es y cómo se accede a ella.

 

Saludos,

 

Ofertas de diseño web de sitios Plone

 

Creado con Ploneboard