Plantillas CSS
El Tipo de página de una operación es el encargado de incluir las plantilla CSS de la página. El orden de inclusión de las plantillas es el siguiente:
- Se incluye la plantilla maestra (
$toba\_dir/www/css/toba.css). - Se incluye la plantilla propia del Skin actual.
- Se incluye la plantilla específica del proyecto
(
$proyecto\_dir/www/css/toba.css).
Para cambiar la estética general de un proyecto es recomendable crear un nuevo skin. Si lo que se quiere es variar algunos parámetros se recomienda crear una plantilla específica del proyecto.
Personalización de una plantilla
En ejecución el framework va a incluir tanto la plantilla original como la personalización, privilegiando ésta última gracias al sistema de cascadas de CSS.
Por ejemplo en el proyecto de referencia se
quiere tener el menú alineado un poco más a la izquierda que la
plantilla original, entonces se crea el archivo
toba_referencia/www/css/toba.css conteniendo:
#menu-h {
left:-100px;
}
A la hora de renderizar el menú, el navegador va a preferir esta última definición por sobre la original. Este tipo de personalizaciones se justifica siempre y cuando los cambios sean menores (colores, tamaños, márgenes, etc). Si el cambio que se quiere hacer es muy grande requeriría hacer una plantilla nueva.
Para entender un poco más de CSS se puede consultar la Bibliografía recomendada.
Inclusión de estilos en línea
Para estilos específicos de una operación o circunstancia a veces es preferibles incluir los estilos directamente en el HTML.
<style type='text/css'>
.ei-ml-columna {
background-color: gray;
}
</style>