Guida di Lotus Domino Designer 8.5 - Creazione di fogli di stile come risorse condivise

IMPOSTAZIONE DELLE APPLICAZIONI

Creazione di fogli di stile come risorse condivise
I fogli di stile a cascata (cascading style sheet, CSS) offrono la possibilità di controllare una grande varietà di elementi di layout di una pagina, come le intestazioni, i collegamenti, il testo, i caratteri, gli stili, i colori e i margini. È possibile selezionare nel proprio file system un foglio di stile a cascata e inserirlo in una pagina, un modulo o un sottomodulo.

Per creare una nuova risorsa foglio di stile

1. Espandere "Risorse" nel Navigatore applicazioni.

2. Selezionare "Fogli di stile" dall'elenco delle risorse.

3. Fare clic su "Nuovo foglio di stile". Viene aperta la finestra delle proprietà della risorsa foglio di stile, affinché l'utente possa impostare il nome e l'applicazione in cui foglio di stile sarà registrato.

Per inserire una risorsa foglio di stile in una pagina, modulo o sottomodulo

1. Aprire una pagina, un modulo o un sottomodulo.

2. Posizionare il cursore nel punto in cui si desidera aggiungere l'immagine. Per inserire il foglio di stile nell'intestazione HTML, aprire il quadro di programmazione, selezionare l'evento Contenuto intestazione HTML e fare clic nell'area dello script.

3. Scegliere Crea - Risorsa - Inserisci Risorsa. Appare la finestra di dialogo Inserisci risorsa.

4. Selezionare il database contenente il foglio di stile. Il database predefinito è quello attivo.

5. Selezionare "Foglio di stile" come tipo di risorsa.

6. Nella sezione Risorse disponibili, evidenziare per aggiungere la risorsa foglio di stile da aggiungere.

7. Fare clic su OK.

8. (Facoltativo) Per visualizzare il nome della risorsa foglio di stile inserita o per cambiare risorsa, selezionare Foglio di stile - Proprietà foglio di stile. Appare la finestra delle proprietà foglio di stile con il nome della risorsa fogli di stile. Per selezionare una risorsa foglio di stile diversa, fare clic su Sfoglia cartella.

Per modificare una risorsa foglio di stile

1. Espandere "Risorse" nel Navigatore applicazioni.

2. Selezionare "Fogli di stile" dall'elenco delle risorse.

3. Selezionare una risorsa foglio di stile.

4. Fare clic su "Apri con" e selezionare l'applicazione destinata ad aprire la risorsa foglio di stile.

Stili per i controlli JavaScript

Gli stili predefiniti per i controlli JavaScript vengono ottenuti dal seguente file CSS (Cascading Style Sheet) sul server Domino:

domino\data\domino\js\

dojo

\ibm\domino\widget\layout\css\domino-default.CSS

Dove domino\data\domino\js\dojo è la directory Dojo sotto la directory dei dati di Domino. Fare attenzione quando si modifica questo file.

Tabella delle proprietà CSS supportate

La tabella seguente mostra le proprietà CSS supportate da IBM® Lotus® Domino(TM) Designer. I tag HTML vengono automaticamente mappati in IBM® Lotus® Notes®. Ad esempio, il seguente tag viene automaticamente mappato in Notes:

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

Usare questo tasto per leggere la tabella:

Sì = proprietà supportata

N/A = non applicabile

N/S = non supportata

Notare quanto segue:

Una proprietà impostata mediante la risorsa foglio di stile ha la precedenza rispetto ad altre proprietà in conflitto impostate nella finestra delle proprietà dell'elemento.
Le proprietà border-top-color e border-color vengono applicate a tutti i lati dell'elemento.
Le proprietà border-top-style e border-style vengono applicate a tutti i lati dell'elemento.
Nel caso delle immagini, per la cattura immagini si applicano le seguenti proprietà: colore, peso, stile, dimensioni e famiglia del carattere, e decorazione del testo.
La proprietà di visibilità non è presente nella tabella, poiché essa è supportata solo in minima parte. È supportata solamente per il tag <DIV> nel caso di valori nascosti e compressi.

Elenco delle proprietà	Documento <Body>	Livello <DIV>	Paragrafo [P]	Elemento lista <LI>	Tabella <TABLE>	Cella <TD>	Immagine <IMG>
background-color	Sì	Sì	N/S	N/S	Sì	Sì	N/D
background-image			N/S	N/S	N/D		N/D
background-repeat			N/S	N/S	N/D		N/D
border-bottom-width	N/D	N/D	Sì	Sì	Sì	Sì	Sì
border-color shorthand	N/D	N/D	Sì	Sì	Sì	Sì	Sì
border-left-width	N/D	N/D	Sì	Sì	Sì	Sì	Sì
border-right-width	N/D	N/D	Sì	Sì	Sì	Sì	Sì
border shorthand	N/D	N/D	Sì	Sì	Sì	Sì	Sì
border-style shorthand	N/D	N/D	Sì	Sì	Sì	Sì	Sì
border-top-width	N/D	N/D	Sì	Sì	Sì	Sì	Sì
border-top-color	N/D	N/D	Sì	Sì	Sì	Sì	Sì
border-top-style	N/D	N/D	Sì	Sì	Sì	Sì	Sì
border-width shorthand	N/D	N/D	Sì	Sì	Sì	Sì	Sì
colore	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ì
altezza	N/D	Sì	N/D	N/D	N/D	N/D	N/D
A sinistra	N/D	Sì	N/D	N/D	N/D	N/D	N/D
margin-bottom	N/D	N/D	Sì	Sì	Sì	N/D	Sì
margin-left	N/D	N/D	Sì	Sì	Sì	N/D	Sì
margin-right	N/D	N/D	Sì	Sì	Sì	N/D	Sì
margin shorthand	N/D	N/D	Sì	Sì	Sì	N/D	Sì
margin-top	N/D	N/D	Sì	Sì	Sì	N/D	Sì
padding-bottom	N/D	N/D	Sì	Sì	Sì	N/D	Sì
padding-left	N/D	N/D	Sì	Sì	Sì	N/D	Sì
padding-right	N/D	N/D	Sì	Sì	Sì	N/D	Sì
padding shorthand	N/D	N/D	Sì	Sì	Sì	N/D	Sì
padding-top	N/D	N/D	Sì	Sì	Sì	N/D	Sì
posizione	N/D	Sì	N/D	N/D	N/D	N/D	N/D
text-decoration	Sì	Sì	Sì	Sì	Sì	Sì	Sì
top	N/D	Sì	N/D	N/D	N/D	N/D	N/D
width	N/D	Sì	N/D	N/D	N/D	N/D	N/D
z-index	N/D	Sì	N/D	N/D	N/D	N/D	N/D

Vedere anche

Impostazione delle pagine

Impostazione dei moduli

Glossario

Guida sulla Guida

Contenuto completo della Guida

Glossario