Lotus Domino Designer 8.5 Hilfe - Gemeinsame Stylesheet-Ressourcen (CSS) erstellen

ANWENDUNGSGESTALTUNG

Gemeinsame Stylesheet-Ressourcen (CSS) erstellen
Mithilfe von CSS-Dateien können Sie viele Aspekte des Seitenlayouts steuern, z. B. Kopfzeilen, Links, Text, Schriftarten, Stile, Farbe und Ränder. Sie können Ihr lokales Dateisystem nach einer CSS-Datei durchsuchen, sie in eine gemeinsame Ressource umwandeln und sie anschließend in eine Seite, Maske oder Teilmaske einfügen.

So erstellen Sie eine neue Stylesheet-Ressource

1. Erweitern Sie im Anwendungsnavigator "Ressourcen".

2. Wählen Sie "Stylesheets" in der Liste der Ressourcen aus.

3. Klicken Sie auf "Neues Stylesheet". Die InfoBox "Stylesheet-Ressource" wird geöffnet, sodass Sie den Namen und die Anwendung festlegen können, in der das Stylesheet gespeichert wird.

So fügen Sie eine Stylesheet-Ressource in eine Seite, Maske oder Teilmaske ein

1. Öffnen Sie eine Seite, Maske oder Teilmaske.

2. Setzen Sie den Cursor an die Stelle, an der Sie das Stylesheet hinzufügen möchten. Um das Stylesheet in den HTML-Header einzufügen, öffnen Sie das Programmierfenster, wählen Sie das Ereignis "HTML-Head-Inhalt" und klicken Sie in den Scriptbereich.

3. Wählen Sie "Erstellen - Ressource - Ressource einfügen". Das Dialogfeld "Ressource einfügen" wird angezeigt.

4. Wählen Sie die Datenbank aus, die das Stylesheet enthält. Vorgabe ist die aktuelle Datenbank.

5. Wählen Sie "Stylesheets" als Ressourcentyp aus.

6. Markieren Sie im Abschnitt "Verfügbare Ressourcen" die hinzuzufügende Stylesheet-Ressource.

7. Klicken Sie auf "OK".

8. (Optional) Um den Namen der eingefügten Stylesheet-Ressource anzuzeigen oder um zu einer anderen Stylesheet-Ressource zu wechseln, wählen Sie "Stylesheet - Eigenschaften: Stylesheet". Die InfoBox "Eigenschaften: Stylesheet" wird mit dem Namen der Stylesheet-Ressource angezeigt. Klicken Sie zum Wählen einer anderen Stylesheet-Ressource auf "Durchsuchen".

So bearbeiten Sie eine Stylesheet-Ressource

1. Erweitern Sie im Anwendungsnavigator "Ressourcen".

2. Wählen Sie "Stylesheets" in der Liste der Ressourcen aus.

3. Wählen Sie eine Stylesheet-Ressource aus.

4. Klicken Sie auf "Öffnen mit" und wählen Sie anschließend einen Editor für das Bearbeiten der Ressource aus.

Stile für JavaScript-Steuerelemente

Die vorgegebenen Stile für JavaScript-Steuerelemente werden durch die folgende CSS-Datei (Cascading Style Sheet) auf dem Domino-Server festgelegt:

domino\data\domino\js\

dojo

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

Hierbei steht "domino\data\domino\js\dojo" für das Dojo-Verzeichnis unterhalb des Domino-Data-Verzeichnisses. Seien Sie vorsichtig, wenn Sie diese Datei ändern.

Tabelle der unterstützen CSS-Eigenschaften

Die folgende Tabelle listet die von IBM® Lotus® Domino(TM) Designer unterstützten Eigenschaften von CSS-Dateien auf. Die HTML-Tags werden in IBM® Lotus® Notes® automatisch zugeordnet. Der folgende Tag wird in Notes beispielsweise folgendermaßen dargestellt:

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

Verwenden Sie diese Legende beim Lesen der Tabelle:

Ja = Eigenschaft wird unterstützt

Entfällt = Nicht zutreffend

-- = Nicht unterstützt

Beachten Sie Folgendes:

Eine über die Stylesheet-Ressource festgelegte Eigenschaft hat Vorrang vor eine konfliktverursachenden Eigenschaft, die in der InfoBox des Elements festgelegt wurde.
"Border-top-color" und "Border-color" werden auf alle vier Seiten des Elements angewendet.
"Border-top-style" und "Border-style" werden auf alle vier Seiten des Elements angewendet.
Die folgenden Eigenschaften werden beispielsweise auf den Bildtitel angewendet: "color", "font-weight", "font-style", "font-size", "font-family" und "text-decoration".
Die visibility-Eigenschaft ist in der Tabelle nicht aufgeführt, da sie nur minimal unterstützt wird. Sie wird nur für den <DIV>-Tag für verborgene und komprimierte Werte unterstützt.

Liste der Eigenschaften	Dokument <Body>	Ebene <DIV>	Absatz <P>	Listenelement <LI>	Tabelle <TABLE>	Zelle <TD>	Grafik <IMG>
background-color	Ja	Ja	--	--	Ja	Ja	Entfällt
background-image			--	--	Entfällt		Entfällt
background-repeat			--	--	Entfällt		Entfällt
border-bottom-width	Entfällt	Entfällt	Ja	Ja	Ja	Ja	Ja
border-color shorthand	Entfällt	Entfällt	Ja	Ja	Ja	Ja	Ja
border-left-width	Entfällt	Entfällt	Ja	Ja	Ja	Ja	Ja
border-right-width	Entfällt	Entfällt	Ja	Ja	Ja	Ja	Ja
border shorthand	Entfällt	Entfällt	Ja	Ja	Ja	Ja	Ja
border-style shorthand	Entfällt	Entfällt	Ja	Ja	Ja	Ja	Ja
border-top-width	Entfällt	Entfällt	Ja	Ja	Ja	Ja	Ja
border-top-color	Entfällt	Entfällt	Ja	Ja	Ja	Ja	Ja
border-top-style	Entfällt	Entfällt	Ja	Ja	Ja	Ja	Ja
border-width shorthand	Entfällt	Entfällt	Ja	Ja	Ja	Ja	Ja
color	Ja	Ja	Ja	Ja	Ja	Ja	Ja
font-family	Ja	Ja	Ja	Ja	Ja	Ja	Ja
font-size	Ja	Ja	Ja	Ja	Ja	Ja	Ja
font-style	Ja	Ja	Ja	Ja	Ja	Ja	Ja
font-weight	Ja	Ja	Ja	Ja	Ja	Ja	Ja
height	Entfällt	Ja	Entfällt	Entfällt	Entfällt	Entfällt	Entfällt
left	Entfällt	Ja	Entfällt	Entfällt	Entfällt	Entfällt	Entfällt
margin-bottom	Entfällt	Entfällt	Ja	Ja	Ja	Entfällt	Ja
margin-left	Entfällt	Entfällt	Ja	Ja	Ja	Entfällt	Ja
margin-right	Entfällt	Entfällt	Ja	Ja	Ja	Entfällt	Ja
margin shorthand	Entfällt	Entfällt	Ja	Ja	Ja	Entfällt	Ja
margin-top	Entfällt	Entfällt	Ja	Ja	Ja	Entfällt	Ja
padding-bottom	Entfällt	Entfällt	Ja	Ja	Ja	Entfällt	Ja
padding-left	Entfällt	Entfällt	Ja	Ja	Ja	Entfällt	Ja
padding-right	Entfällt	Entfällt	Ja	Ja	Ja	Entfällt	Ja
padding shorthand	Entfällt	Entfällt	Ja	Ja	Ja	Entfällt	Ja
padding-top	Entfällt	Entfällt	Ja	Ja	Ja	Entfällt	Ja
position	Entfällt	Ja	Entfällt	Entfällt	Entfällt	Entfällt	Entfällt
text-decoration	Ja	Ja	Ja	Ja	Ja	Ja	Ja
top	Entfällt	Ja	Entfällt	Entfällt	Entfällt	Entfällt	Entfällt
width	Entfällt	Ja	Entfällt	Entfällt	Entfällt	Entfällt	Entfällt
z-index	Entfällt	Ja	Entfällt	Entfällt	Entfällt	Entfällt	Entfällt

Siehe auch

Seiten gestalten

Masken gestalten

Glossar

Ihre Kommentare zur Hilfe oder zur Verwendbarkeit der Software?

Hilfe zur Hilfe

Inhalt der gesamten Hilfe

Glossar