Edición de estilos

Utilice CSS Designer para personalizar el archivo Style.css de un tema.

Apertura de CSS Designer

Hay varias maneras de editar el estilo de un tema:
  • En Portal Designer, seleccione Editar estilo en el menú emergente. El archivo Style.css del tema activo se abrirá en CSS Designer.
En CSS Designer (pestaña etiquetada como Styles.css), hay dos vistas desde las que realizar la edición: el panel Vista previa (izquierda) y el editor Origen (derecha).

Archivo Styles.css en Page Designer

La imagen anterior muestra el archivo themeskin.html en el panel Vista previa. En este archivo, puede comprobar estilos, como por ejemplo los fonts, que afectan al skin y al tema activo. A la izquierda del panel Vista previa, observe que la vista Esquema cambia a la vista Estilos. Para realizarcambios en el tema y el skin, pulse en el nombre de un elemento de estilo en la vista Estilos. En este ejemplo, observe que si resalta el elemento .wpsToolBar, también se resalta el elemento correspondiente delpanel Vista previa y el panel Origen del archivo Styles.css.

Utilice el archivo portlet.html para personalizar los estilos, como por ejemplo los fonts, de las aplicaciones de portlet.

Edición de un estilo de un tema

Si abre CSS Designer mientras está editando un tema en Page Designer tendrá la posibilidad de enlazar con una hoja de estilo nueva o ya existente. Además, puede especificar clases nuevas. Para obtener más información sobre cómo utilizar Page Designer para editar temas, consulte Edición de temas.

Para abrir CSS Designer, siga estos pasos: aparecerá un recuadro de diálogo.
  • Desde la barra de menús de Rational Developer, seleccione Editar > Editar estilo. Aparecerá un recuadro de diálogo.
  • Elija qué aspecto del estilo desea editar y, a continuación, pulse Aceptar.

o bien

Desde el tema abierto en Page Designer, seleccione el elemento que desee editar y efectúe el cambio en la vista Propiedades. Si se define una norma de clase de estilo para el elemento de selección, dicha norma se listará en el campo "clase" de la vista Todos los atributos. Para acceder a la vista Todos los atributos, pulse en el icono de tabla situado en la parte superior derecha de la barra de herramientas en la vista Propiedades. Esto cambiará la vista Propiedades por una lista detodos los atributos asociados al elemento que haya seleccionado en Page Designer. Pulse este icono por segunda vez para volver a la vista Propiedades.

Tareas relacionadas
Utilización de Portal Designer
Definición de diseños
Trabajo con skins
Trabajo con temas
Adición de portlets a páginas de portal

(C) Copyright IBM Corporation 2002, 2005. Reservados todos los derechos.