Document Actions
Send this page to somebody Print this page

Reubicación de la navegación

Reposicionamiento de la navegación. Removiendo márgenes redundantes en los portlets y al árbol de navegación.

Alexander Limi

En este tutorial, Alexander Limi de Plone Solutions describe como cambiar completamente el estilo visual de un sitio Plone a partir de un sitio por defecto. Valido para Plone 2.1.x y Plone 2.5.x
Page 13 of 15.

Uno de los problemas más comunes que posee la gente cuando trabajan con pieles en Plone es el misterioso espacio en blanco alrededor de los portlets. Este espacio es producido por el infame elemento visualPadding, y es fácil de modificar si sabes como — aunque muy difícil de detectar, incluso con el DOM Inspector.
Es uno de los elementos que mas problemas causan, con suerte removeremos en Plone 2.5 en Plone 2.1.3 fue movido a public.css, por lo que no debería ser un problema si estás usando esa versión o una posterior.

Agregá el siguiente código CSS para reducir el espacio padding a cero (aunque queremos algún espacio a la derecha):

    /* el mitico e infame visualPadding */
#portal-column-one .visualPadding {
padding: 0 1em 0 0;
}

Y ya que estamos, vamos a mover un poquito hacia arriba el menú de navegación:

    #portlet-navigation-tree {
position: relative;
top: -6.4em;
}

Luego — recargando la página deberías tener algo como:

Casi lo tenemos, notas que está faltando ? Exacto, el pie de la página.
 
by Alexander Limi — last modified 2008-01-31 09:55
Contributors: Traducción: Roberto Allende

Copyright (C) 2004-2007 Menttes - All Rights Reserved