Document Actions
Estilo de las imágenes de fondo
Agregando una imágen de fondo y fijando el ancho del diseño.
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
9
of
15.
A continuación agregaremos una imágen de fondo al sitio, tambien
fijareoms el ancho en 840 píxeles. Agrega el siguiente CSS y recarga el
sitio:
/* fondo + estilo de logos */
body {
background: url(bg_light.gif);
width: 840px;
margin: auto;
}
#visual-portal-wrapper {
margin: 20px;
background-color: white;
padding: 0 20px 20px 20px;
}
#portal-logo {
display: block;
margin-bottom: 2em;
}
Un detalle que merece prestar atención es la línea margin: auto. Este es el modo por el cual se centran elementos en CSS y mucha gente no lo sabe — generalmente esperan usar algo como float: center o similar.
Una vez guardado, el sitio debería verse de este modo:
by
Alexander Limi
—
last modified
2008-01-31 09:55
Contributors:
Traducción: Roberto Allende