Ayuda de Lotus Domino Designer 8 - Creación de hojas de estilos como recursos compartidos

DISEÑO DE APLICACIONES

Creación de hojas de estilos como recursos compartidos
Las hojas de estilos en cascada o CSS (del inglés Cascading Style Sheet, hoja de estilos en cascada), proporcionan la capacidad de controlar muchos aspectos del formato de las páginas, incluidos encabezados, vínculos, texto, fuentes, estilos, colores y márgenes. Examine su sistema de archivos local para buscar una CSS, transfórmela en un recurso compartido y, a continuación, insértela en una página, un formulario o un subformulario.

Para crear un nuevo recurso de hoja de estilos

1. Despliegue Recursos compartidos en el panel de diseño.

2. Seleccione la opción Hojas de estilos en la lista de recursos.

3. Haga clic en Nuevo recurso de hoja de estilos. Aparece el cuadro de diálogo Abrir. Solo se verán los archivos con la extensión CSS.

4. Busque y seleccione la hoja de estilos en cascada que desee usar.

5. Haga clic en Abrir para agregar la hoja de estilos a la lista de recursos de hojas de estilos. Se abrirá el cuadro de propiedades del recurso de hoja de estilos donde podrá cambiar el nombre y otras propiedades de la hoja.

Para insertar un recurso de hoja de estilos en una página, un formulario o un subformulario

1. Abra una página, un formulario o un subformulario.

2. Sitúe el cursor en el lugar en el que desea agregar la hoja de estilos. Para insertar la hoja de estilos en el encabezado HTML, abra el panel de programación, seleccione el evento Contenido del encabezado HTML y haga clic en el área de scripts.

3. Seleccione Crear - Recurso - Insertar recurso. Aparecerá el cuadro de diálogo Insertar recurso.

4. Seleccione la base de datos que contiene la hoja de estilos. La opción predeterminada es la base de datos actual.

5. Como tipo de recurso, seleccione Hojas de estilos.

6. En la sección Recursos disponibles, resalte el recurso de hoja de estilos que desea agregar.

7. Haga clic en Aceptar.

8. (Opcional) Para ver el nombre del recurso de hoja de estilos insertado o para seleccionar otro recurso de hoja de estilos, seleccione Hoja de estilos - Propiedades de la hoja de estilos. Aparecerá el cuadro de propiedades indicando el nombre del recurso. Para seleccionar un recurso de hoja de estilos diferente, haga clic en el botón Examinar para abrir el cuadro de diálogo Localizar objeto.

Para editar un recurso de hoja de estilos

1. Despliegue Recursos compartidos en el panel de diseño.

2. Seleccione la opción Hojas de estilos en la lista de recursos.

3. Seleccione un recurso de hoja de estilos.

4. Realice una de las operaciones siguientes:

Si dispone de un editor de hojas de estilos predeterminado, haga clic en Abrir archivo.
Haga clic en Abrir con y seleccione un editor para abrir el recurso de hoja de estilos.

Para actualizar un recurso de hoja de estilos

Para actualizar un archivo que haya copiado como recurso compartido, actualice el recurso de hoja de estilos.

1. Despliegue Recursos compartidos en el panel de diseño.

2. Seleccione la opción Hojas de estilos en la lista de recursos.

3. Seleccione un recurso de hoja de estilos.

4. Haga clic en Actualizar. Aparecerá el cuadro de diálogo Abrir.

5. Seleccione el archivo CSS para actualizar su recurso de hoja de estilos y haga clic en Abrir. Se actualizará el recurso de hoja de estilos.

Tabla de las propiedades de CSS soportadas

La siguiente tabla muestra las propiedades de las hojas de estilos en cascada cuyo uso permite IBM® Lotus® Domino(TM) Designer. Las etiquetas HTML se asignan automáticamente a IBM® Lotus® Notes®. Por ejemplo, esta etiqueta se asigna automáticamente a Notes:

BODY {Font-Family: Arial; Color: Blue}

Utilice esta clave para leer la tabla:

Sí = se permite el uso de la propiedad

N/A = no aplicable

N/P = no permitida

Tenga en cuenta lo siguiente:

Una propiedad configurada mediante el recurso de hoja de estilos tiene prioridad sobre una propiedad con la que entre en contradicción configurada en el cuadro de propiedades del elemento.
Border-top-color y border-color se aplican a los cuatro lados de un elemento.
Border-top-style y border-style se aplican a los cuatro lados de un elemento.
Para las imágenes, se aplican las siguientes propiedades al título de la imagen: color, font-weight, font-style, font-size, font-family y text-decoration.

La propiedad visibility no aparece en la tabla debido a su mínima aceptación. Su uso sólo está permitido para la etiqueta <DIV> para valores ocultos y plegados.

Lista de propiedades	Documento <Body>	Capa <DIV>	Párrafo <P>	Elemento de lista <LI>	Tabla <TABLE>	Celda <TD>	Gráfico <IMG>
background-color	Sí	Sí	N/P	N/P	Sí	Sí	N/A
background-image			N/P	N/P	N/A		N/A
background-repeat			N/P	N/P	N/A		N/A
border-bottom-width	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-color shorthand	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-left-width	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-right-width	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border shorthand	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-style shorthand	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-top-width	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-top-color	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-top-style	N/A	N/A	Sí	Sí	Sí	Sí	Sí
border-width shorthand	N/A	N/A	Sí	Sí	Sí	Sí	Sí
color	Sí	Sí	Sí	Sí	Sí	Sí	Sí
font-family	Sí	Sí	Sí	Sí	Sí	Sí	Sí
font-size	Sí	Sí	Sí	Sí	Sí	Sí	Sí
font-style	Sí	Sí	Sí	Sí	Sí	Sí	Sí
font-weight	Sí	Sí	Sí	Sí	Sí	Sí	Sí
height	N/A	Sí	N/A	N/A	N/A	N/A	N/A
left	N/A	Sí	N/A	N/A	N/A	N/A	N/A
margin-bottom	N/A	N/A	Sí	Sí	Sí	N/A	Sí
margin-left	N/A	N/A	Sí	Sí	Sí	N/A	Sí
margin-right	N/A	N/A	Sí	Sí	Sí	N/A	Sí
margin shorthand	N/A	N/A	Sí	Sí	Sí	N/A	Sí
margin-top	N/A	N/A	Sí	Sí	Sí	N/A	Sí
padding-bottom	N/A	N/A	Sí	Sí	Sí	N/A	Sí
padding-left	N/A	N/A	Sí	Sí	Sí	N/A	Sí
padding-right	N/A	N/A	Sí	Sí	Sí	N/A	Sí
padding shorthand	N/A	N/A	Sí	Sí	Sí	N/A	Sí
padding-top	N/A	N/A	Sí	Sí	Sí	N/A	Sí
position	N/A	Sí	N/A	N/A	N/A	N/A	N/A
text-decoration	Sí	Sí	Sí	Sí	Sí	Sí	Sí
top	N/A	Sí	N/A	N/A	N/A	N/A	N/A
width	N/A	Sí	N/A	N/A	N/A	N/A	N/A
z-index	N/A	Sí	N/A	N/A	N/A	N/A	N/A

Véase también

Diseño de páginas

Diseño de formularios

Glosario

¿Desea opinar sobre la Ayuda o sobre la utilidad del producto?

Ayuda sobre la Ayuda

Todo el contenido de la Ayuda

Glosario