Erstellen eines Designs für Outlook Web Access

Gilt für: Exchange Server 2007 SP3, Exchange Server 2007 SP2, Exchange Server 2007 SP1, Exchange Server 2007

Letztes Änderungsdatum des Themas: 2007-09-12

In diesem Thema wird das Erstellen eines benutzerdefinierten Designs für Microsoft Office Outlook Web Access erläutert. Ein Design ist eine Sammlung von Dateien und Stylesheets, die das Erscheinungsbild von Outlook Web Access steuern. Standardmäßig werden zwei Design installiert, wenn Sie die Serverfunktion ClientAccess auf dem Computer mit Microsoft Exchange Server 2007 installieren. Diese beiden Designs sind "Blaugrau" und "Tiefschwarz".

Nur Outlook Web Access Premium unterstützt benutzerdefinierte Designs. Für Outlook Web Access Light können Sie keine benutzerdefinierten Designs erstellen.

Neu in Exchange 2007 SP1

Mit Outlook Web Access wurden zwei zusätzliche Designs in Exchange Server 2007 Service Pack 1 (SP1) hinzugefügt: Xbox und Zune.

Inhalt eines Designs

Ein Design ist eine Sammlung von Mediendateien und CSS-Dateien (Cascading Style Sheets). Diese Dateien werden auf dem Clientzugriffsserver im Installationsverzeichnis unter \Client Access\OWA\Version\themes. gespeichert. Jedes Design wird in einem Unterverzeichnis für das betreffende Design gespeichert.

Die CSS-Dateien definieren Farben, Verläufe und Schriftarten. Die Bilddateien (GIF-Dateien) stellen die Symbole und anderen grafischen Elemente zur Verfügung. Wenn Sie eines der Symbole bearbeiten, ändern Sie seine Größe nicht. Wenn Sie die Größe anderer grafischer Elemente ändern, testen Sie Ihre Änderungen, damit sichergestellt ist, dass die Elemente weiterhin richtig zusammenpassen.

Das Standarddesign (Blaugrau) ist das Basisdesign und unter \themes\base gespeichert. Der Basisordner enthält alle Dateien, die zum Definieren eines Designs erforderlich sind. Dazu zählen Farben, Schriftarten, Symbole und Grafiken.

Sie können weitere Designs erstellen, indem Sie ausgewählte Dateien in ein neues Verzeichnis kopieren und diese Dateien dann so ändern, dass sie die Anforderungen Ihrer Organisation erfüllen. In der Outlook Web Access-Benutzeroberfläche werden Designs als Farbschemas bezeichnet. Wenn ein Benutzer ein benutzerdefiniertes Design auswählt, werden zuerst die Elemente im Verzeichnis des benutzerdefinierten Designs verwendet. Alle erforderlichen Element, die nicht angepasst wurden, werden dem Basisdesign entnommen. Wenn Sie beispielsweise ein neues Design durch Kopieren nur der Kopfzeilengrafiken in ein neues Design erstellen und diese Grafiken dann ändern, stammen die Kopfzeilengrafiken aus dem neuen Design, wenn ein Benutzer dieses auswählt. Die restlichen Designeigenschaften stammen aus dem Basisdesign.

Designs werden auf jedem Clientzugriffsserver gespeichert. Wenn Sie über mehrere Clientzugriffsserver verfügen und ein benutzerdefiniertes Design auf allen Servern verfügbar sein soll, kopieren Sie das Design in das entsprechende Verzeichnis auf jedem Clientzugriffsserver.

Empfehlungen

Zahlreiche Elemente eines Outlook Web Access-Designs können geändert werden. Damit Instabilitäten in Outlook Web Access vermieden werden, wird empfohlen, anfangs nur die Kopfzeile, die Anmelde- und die Abmeldeseite und die Farben, die zum Auswählen und Markieren verwendet werden, zu ändern.

Wenn Sie komplexere Änderungen vornehmen möchten, sollten Sie sich zuerst informieren, wie CSS-Dateien funktionieren. Nachdem Sie gute Kenntnisse hinsichtlich der Funktionsweise von CSS-Dateien erworben haben, sollten Sie immer nur wenige Elemente gleichzeitig ändern und Ihre Änderungen testen, damit gewährleistet ist, dass das Ergebnis Ihren Erwartungen entspricht.

Als bewährte Methode wird empfohlen, die folgenden Richtlinien zu befolgen:

• Fertigen Sie immer Sicherungskopien der ursprünglichen Dateien an, bevor Sie diese bearbeiten. Dies gilt insbesondere, wenn Sie Dateien aus dem Verzeichnis \themes\base bearbeiten.

• Löschen Sie weder den Ordner \Client Access\OWA\Version\themes\base noch darin enthaltene Dateien.

• Ändern Sie die Informationsleisten nicht, die über den Nachrichten angezeigt werden, um Benutzer vor möglicherweise schädlichen Inhalten, Phishingangriffen, Viren und geblockten oder fehlenden Inhalten zu warnen.

Die folgende Abbildung veranschaulicht eine Outlook Web Access-Kalenderanforderung mit zwei Informationsleisten.

Outlook Web Access-Informationsleisten

Bevor Sie beginnen

Zum Durchführen der folgenden Verfahren müssen Sie sich bei dem Server anmelden, auf dem sich Outlook Web Access befindet, und Sie müssen ein Konto verwenden, an das die Mitgliedschaft in der lokalen Gruppe Administratoren delegiert wurde.

Erstellen eines Designs

In dem folgenden Verfahren werden die allgemeinen Schritte zum Erstellen eines benutzerdefinierten Designs für Outlook Web Access beschrieben. Spezielle Verfahren zum Ändern einzelner Elemente in einem Outlook Web Access-Design erhalten Sie in den folgenden Abschnitten.

So erstellen Sie ein neues Outlook Web Access-Design

1. Öffnen Sie Windows-Explorer auf dem Clientzugriffsserver, der Outlook Web Access hostet, und suchen Sie dann das Exchange Server-Installationsverzeichnis.

2. Erstellen Sie unter \Client Access\OWA\<Version>\themes einen neuen Ordner.

3. Kopieren Sie die Dateien premium.css und owafonts.css aus dem Basisdesign in den neuen Ordner.

4. Kopieren Sie die Dateien, die Sie ändern möchten, um Ihr Design zu erstellen, aus dem Basisdesign in den neu erstellten Ordner.

5. Ändern Sie die Dateien im neuen Designordner, um Ihr Design zu erstellen.

6. Starten Sie die Internetinformationsdienste (IIS) mithilfe des Befehls iisreset/noforce neu.

7. Testen Sie das neue Design, indem Sie sich bei Outlook Web Access anmelden und das neue Design auswählen.

Benennen eines benutzerdefinierten Designs

Sie können einem benutzerdefinierten Design auf zwei Arten einen Namen zuweisen. Entweder geben Sie dem Ordner, in dem Sie das neue Design erstellt haben, den Namen, den das Design erhalten soll. Wenn ein benutzerdefiniertes Design z. B. "Fourth Coffee" heißen soll, nennen Sie den Ordner, in dem Sie das neue Design erstellt haben, "Fourth Coffee".

Oder Sie kopieren die Datei themeinfo.xml aus dem Basisdesign in den Ordner, in dem Sie das neue Design erstellt haben, und bearbeiten diese Datei anschließend. Bearbeiten Sie die Datei themeinfo.xml mit einem Texteditor, z. B. Editor, und ändern Sie den Anzeigenamen des Designs in den Namen, den das neue Design erhalten soll.

So benennen Sie ein benutzerdefiniertes Design durch Bearbeiten der Datei "themeinfo.xml"

1. Kopieren Sie die Datei themeinfo.xml aus dem Basisdesignordner in den Ordner, in dem Sie das benutzerdefinierte Design erstellt haben.

2. Öffnen Sie die Kopie der Datei themeinfo.xml aus dem Ordner des benutzerdefinierten Designs.

3. Suchen Sie den Wert theme displayname, und ändern Sie diesen in den Namen, den das Design erhalten soll.

   Beispiel: Wenn Sie das Design "Fourth Coffee" nennen möchten, sollte in der Datei die Zeile theme displayname = "Fourth Coffee" stehen.

4. Speichern Sie Ihre Änderungen, und schließen Sie die Datei themeinfo.xml.

Erstellen einer benutzerdefinierten Kopfzeile

Sie können die Kopfzeile der Outlook Web Access-Hauptseite anpassen. Zum Ändern der Kopfzeile in Outlook Web Access benötigen Sie die folgenden Dateien:

• premium.css

• owafonts.css

• logopt.gif

• logopb.gif

• nbbkg.gif

Premium.css und owafonts.css definieren die von Outlook Web Access verwendeten Schriftarten und Farben. Die Bilddateien logopt.gif, logopb.gif und nbbkg.gif werden zum Erstellen der Kopfzeile am oberen Rand der Seite in Outlook Web Access verwendet.

Öffnen Sie die GIF-Dateien in einem Bildbearbeitungstool, und schauen Sie sich an, wie diese Dateien zum Erstellen der Kopfzeile in Outlook Web Access verwendet werden.

In der folgenden Abbildung sind die Originaldateien dargestellt, die zum Erstellen der Kopfzeile für das Outlook Web Access-Design "Blaugrau" verwendet werden.

Outlook Web Access-Kopfzeilendateien

So erstellen Sie eine benutzerdefinierte Kopfzeile

1. Kopieren Sie die Dateien premium.css, owafonts.css, logopt.gif, logopb.gif und nbbkg.gif aus dem Ordner des Basisdesigns in den Ordner des benutzerdefinierten Designs.

2. Öffnen Sie die Datei premium.css im Ordner des benutzerdefinierten Designs mit einem Texteditor, z. B. Editor.

3. Wenn Sie z. B. die Wörter "Verbunden mit Microsoft Exchange" aus der Kopfzeile löschen möchten, suchen Sie die Zeile "background:url("logopb.gif") no-repeat;", und fügen Sie gleich dahinter display:none; ein.

4. Zum Ändern des Logos bearbeiten Sie die Datei logopt.gif mit einem Bildbearbeitungstool.

5. Wenn Sie die Hintergrundfarbe in der Datei logopt.gif ändern, sollten Sie auch die Hintergrundfarbe in den Dateien logopb.gif und nbbkg.gif mithilfe des Bildbearbeitungstools entsprechend anpassen.

6. Speichern Sie Ihre Änderungen nach dem Bearbeiten der Dateien.

7. Zum Testen der Änderungen am benutzerdefinierten Design melden Sie sich bei Outlook Web Access an, klicken Sie auf Optionen und dann auf Allgemeine Einstellungen, und wählen Sie anschließend das benutzerdefinierte Design aus dem Menü Farbschema aus. Sie müssen Ihre Änderungen speichern und auf Internet Explorer Aktualisieren klicken, um das neue Design anzuzeigen.

Ändern der Farben in einem Design

Zum Ändern der Farben in einem Design suchen Sie die Werte in der Datei premium.css, und bestimmen Sie die HTML RGB-Werte für die Farben, die Sie verwenden möchten. Die HTML RGB-Farbwerte werden durch eine siebenstellige Zeichenfolge definiert, bestehend aus dem Nummernzeichen (#) und sechs Zeichen. Unter Farbtabelle in der MSDN-Bibliothek finden Sie die HTML RGB-Werte für viele Farben. Wenn Sie eine bestimmte Farbe benötigen und diese online nicht finden, erstellen Sie ein Beispiel der Farbe in einem Bildbearbeitungstool, und ermitteln Sie so den entsprechenden HTML RGB-Wert.

So ändern Sie die Markierungsfarbe des ausgewählten Moduls in der Navigationsleiste

1. Öffnen Sie die Datei premium.css mithilfe eines Texteditors, z. B. Editor.

2. Suchen Sie in der Datei Folgendes:

   a.nbHiLt
   {
          background-color:#FFEFB2;
   }
   

3. Ersetzen Sie den vorhandenen RGB-Wert durch den RGB-Wert der Farbe, die Sie verwenden möchten.

4. Zum Testen der Änderungen am benutzerdefinierten Design melden Sie sich bei Outlook Web Access an, klicken Sie auf Optionen und dann auf Allgemeine Einstellungen, und wählen Sie anschließend das benutzerdefinierte Design aus dem Menü Farbschema aus. Sie müssen Ihre Änderungen speichern und auf Aktualisieren klicken, um das neue Design anzuzeigen. Wenn bereits eine Outlook Web Access-Sitzung aktiv ist, drücken Sie auf F5, um die Seite zu aktualisieren und Ihre Änderungen anzuzeigen.

In der folgenden Abbildung ist ein Ausschnitt der Outlook Web Access-Navigationsleiste dargestellt, auf der das Modul E-Mail markiert ist.

Navigationsbereich mit markiertem Modul E-Mail

So ändern Sie die Farben für die primäre und die sekundäre Listenauswahl

1. Öffnen Sie die Datei premium.css mithilfe eines Texteditors, z. B. Editor.

2. Suchen Sie zum Ändern der Farbe für die primäre Auswahl Folgendes:

   tr.sel, tr.srsel, tr.lrsel
   {
         background-color: #FFEFB2;
   

3. Suchen Sie zum Ändern der Farbe für die sekundäre Auswahl Folgendes:

   tr.shdw, tr.srshdw, tr.lrshdw
   {
         background-color:#F8F0D2;
   

4. Ersetzen Sie die vorhandenen RGB-Werte der Farben für die primäre und sekundäre Auswahl durch die RGB-Werte der gewünschten Farben.

5. Zum Testen des benutzerdefinierten Designs melden Sie sich bei Outlook Web Access an, klicken Sie auf Optionen und dann auf Allgemeine Einstellungen, und wählen Sie anschließend das benutzerdefinierte Design aus dem Menü Farbschema aus. Sie müssen Ihre Änderungen speichern und auf Aktualisieren klicken, um das neue Design anzuzeigen. Wenn bereits eine Outlook Web Access-Sitzung aktiv ist, drücken Sie auf F5, um die Seite zu aktualisieren und Ihre Änderungen anzuzeigen.

Die Farbe für die primäre Auswahl dient zum Markieren des ausgewählten Elements im Listenbereich, wenn der Eingabefokus sich auf diesem Bereich befindet. Bewegt der Benutzer den Eingabefokus dann zum Beispiel zum Vorschau- oder Navigationsbereich, wird das ausgewählte Element im Listenbereich in der Farbe für die sekundäre Auswahl markiert. Die folgende Abbildung veranschaulicht den Unterschied zwischen den Farben für die primäre und die sekundäre Auswahl in Outlook Web Access.

Farben für die primäre und die sekundäre Auswahl in Outlook Web Access

Ändern des Hintergrunds der Listenansicht

Wenn Sie E-Mail, Kontakte, Aufgaben oder Öffentliche Ordner im Navigationsbereich auswählen, zeigt Outlook Web Access eine Liste von Elementen in den in diesen Modulen verfügbaren Ordnern an.

Sie können der Listenansicht einen Hintergrund hinzufügen, indem Sie die Einstellungen in premium.css ändern.

So ändern Sie den Hintergrund der Listenansicht in Outlook Web Access

1. Suchen oder erstellen Sie ein Bild im GIF-Format.

2. Kopieren Sie die Bilddatei in einen benutzerdefinierten Designordner.

3. Öffnen Sie die Datei premium.css mithilfe eines Texteditors, z. B. Editor.

4. Suchen Sie nach Folgendem, um das Hintergrundbild zu ändern:

   div#divLstV{width:100%;height:100%;}
   

5. Bearbeiten Sie die Zeichenfolge folgendermaßen:

   div#divLstV{background-image: url(image file name);width:100%;height:100%;}
   

6. Suchen Sie nach Folgendem, um die Transparenz des Hintergrundbilds so zu ändern, dass das neue Bild richtig angezeigt wird:

   td#tdIL{background-color: #FFFFFF;height:100%;vertical-align:top;}
   

7. Ersetzen Sie den Wert für die Hintergrundfarbe durch den Wert transparent:

   td#tdIL{background-color:transparent;height:100%;vertical-align:top;}
   

8. Zum Testen des benutzerdefinierten Designs melden Sie sich bei Outlook Web Access an, klicken Sie auf Optionen und dann auf Allgemeine Einstellungen, und wählen Sie anschließend das benutzerdefinierte Design aus dem Menü Farbschema aus. Sie müssen Ihre Änderungen speichern und auf Aktualisieren klicken, um das neue Design anzuzeigen. Wenn bereits eine Outlook Web Access-Sitzung aktiv ist, drücken Sie auf F5, um die Seite zu aktualisieren und Ihre Änderungen anzuzeigen.

Ändern des Outlook Web Access-Standarddesigns

Sie können das Outlook Web Access-Standarddesign für ein virtuelles Verzeichnis mithilfe des Cmdlets Set-OwaVirtualDirectory aus dem Basisdesign in ein benutzerdefiniertes Design ändern. Sie können auch das Cmdlet Set-OwaVirtualDirectory zum Deaktivieren der Option für die Designauswahl in Outlook Web Access verwenden. Wenn Sie über mehrere virtuelle Outlook Web Access-Verzeichnisse verfügen, können Sie mithilfe des folgenden Verfahrens ein Standarddesign für jedes virtuelle Verzeichnis festlegen.

Wenn Sie ein Standarddesign festlegen, wird dieses nur für Benutzer verwendet, die sich bisher noch nicht bei Outlook Web Access angemeldet und noch kein neues Design ausgewählt haben.

Wenn alle Benutzer ausschließlich das Standarddesign verwenden sollen, müssen Sie ein neues Standarddesign festlegen und gleichzeitig die Designauswahl deaktivieren.

So verwenden Sie die Exchange-Verwaltungsshell zum Festlegen des Standarddesigns für Outlook Web Access

• Führen Sie den folgenden Befehl aus, um das Standarddesign für Outlook Web Access festzulegen, wobei der Servername FourthCoffee, der Name des virtuellen Verzeichnisse owa und der Websitename Default Web site lautet und das Design im Ordner namens Custom gespeichert ist:

  set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -defaulttheme Custom
  

So verwenden Sie die Exchange-Verwaltungsshell zum Deaktivieren der Designauswahl in Outlook Web Access

• Führen Sie den folgenden Befehl aus, um die Designauswahl in Outlook Web Access zu deaktivieren, wobei der Servername FourthCoffee, der Name des virtuellen Verzeichnisse owa und der Websitename Default Web site lautet:

  set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -themeselectionenabled $false
  

Mit dem folgenden Befehl können Sie auch beide Befehle gleichzeitig ausführen:

set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -defaulttheme Custom -themeselectionenabled $false

Anpassen der Anmelde- und Abmeldeseiten

Die Outlook Web Access-Anmelde-, Sprachauswahl- und Abmeldeseiten werden immer basierend auf den Grafiken und der Datei logon.css im Basisdesignordner erstellt. Aus diesem Grund ist es zum Verwenden benutzerdefinierter Anmelde- und Abmeldeseiten erforderlich, die Dateien im Basisdesignordner zu ändern. Sie finden den Basisdesignordner im Exchange-Installationsverzeichnis unter \Client Access\OWA\Version\themes\base.

Schriftstil und -farben der Anmelde-, Sprachauswahl- und Abmeldeseiten werden anhand der Datei logon.css bestimmt. Die Seiten werden erstellt, indem verschiedene Bilder für den oberen Rand, den unteren Rand und die seitlichen Ränder kombiniert werden, und sie enthalten sich wiederholende Bilder und Ecken für die Erweiterung. Aus den folgenden Dateien wird die Anmeldeseite erstellt:

• logon.css

• lgnbotl.gif

• lgnbotm.gif

• lgnbotr.gif

• lgnexlogo.gif

• lgnleft.gif

• lgnright.gif

• lgntopl.gif

• lgntopm.gif

• lgntopr.gif

Am einfachsten lässt sich ein neues Aussehen unter Verwendung einer Volltonfarbe erstellen, denn für drei Seiten wird dieselbe Auswahl von Bildern verwendet: für die Anmeldeseite, die Sprachauswahlseite, die angezeigt wird, wenn Sie sich bei einem Postfach zum ersten Mal anmelden, und die Abmeldeseite. Die Größe der Seiten variiert horizontal und vertikal basierend auf dem jeweiligen Inhalt.

Wenn Sie über mehrere Clientzugriffsserver verfügen, die alle die selben Anmelde- und Abmeldeseiten verwenden sollen, kopieren Sie die geänderten Anmelde- und Abmeldedateien auf jeden Clientzugriffsserver.

Achtung:
Da Sie benutzerdefinierte Anmelde- und Abmeldeseiten durch Ändern der Basisdesigndateien erstellen, sichern Sie Kopien aller Dateien, die Sie ändern möchten, bevor Sie mit der Erstellung Ihrer benutzerdefinierten Anmelde- und Abmeldeseiten beginnen.

In der folgenden Abbildung ist die Outlook Web Access-Standardanmeldeseite dargestellt, die angezeigt wird, wenn der Benutzer auf Beschreibung anzeigen klickt und Dies ist ein privater Computer sowie Outlook Web Access Light verwenden auswählt. Eine Abbildung zeigt, wie die Grafikdateien, aus denen die Seite erstellt wird, zusammenwirken. Die andere Abbildung veranschaulicht, wie die Datei logon.css die Farben von Hintergrund und Text auf der Anmeldeseite bestimmt.

Outlook Web Access-Anmeldeseite mit benutzerdefinierten Grafikdateien

Outlook Web Access-Standardanmeldeseite mit Textoptionen

Die folgenden Abbildungen stellen die Outlook Web Access-Standardanmeldeseite dar. Eine Abbildung zeigt, wie die Grafikdateien, aus denen die Seite erstellt wird, zusammenwirken. Die andere Abbildung veranschaulicht, wie die Datei logon.css die Farben von Hintergrund und Text auf der Abmeldeseite bestimmt.

Outlook Web Access-Abmeldeseite mit benutzerdefinierten Grafikdateien

Outlook Web Access-Standardabmeldeseite mit Textoptionen

Testen der Änderungen an Anmelde- und Abmeldeseite

Nachdem Sie die Outlook Web Access-Anmelde- oder -Abmeldeseite in Internet Explorer geöffnet haben, können Sie Ihre Änderungen testen, ohne IIS zurücksetzen oder Internet Explorer beenden zu müssen.

So testen Sie die Änderungen an Anmelde- und Abmeldeseite

1. Öffnen Sie die Outlook Web Access-Anmelde- oder -Abmeldeseite in Internet Explorer.

2. Klicken Sie auf der Symbolleiste auf Extras, und klicken Sie anschließend auf Internetoptionen.

3. Klicken Sie auf der Registerkarte Allgemein unter Browserverlauf auf Löschen.

4. Klicken Sie unter Temporäre Internet-Dateien auf Dateien löschen. Wenn Sie gefragt werden, ob Sie wirklich alle temporären Internet Explorer-Dateien löschen möchten, klicken Sie auf Ja.

5. Klicken Sie auf OK, um Internetoptionen zu schließen.

6. Klicken Sie auf Aktualisieren, um die Änderungen zu anzuzeigen.

Wiederholen Sie diese Schritte immer dann, wenn Sie Änderungen an den Dateien der Anmelde- und Abmeldeseiten vorgenommen haben. Wenn Sie zahlreiche Änderungen durchführen, können Sie die Anmelde- oder Abmeldeseite geöffnet lassen und die Änderungen durch Ausführen der genannten Schritte überprüfen.

Ändern des Logos.

Zum Anpassen von Outlook Web Access können Sie das Outlook Web Access-Logo auf der Anmelde- und Abmeldeseite in das Logo Ihrer Organisation ändern.

So ändern Sie das Logo in Outlook Web Access

1. Erstellen Sie Kopien der Dateien, die Sie ändern möchten, und speichern Sie diese an einem sicheren Ort, damit Sie die Originalseiten bei Bedarf wiederherstellen können.

2. Öffnen Sie die Datei lgntopl.gif in einem Bildbearbeitungstool, und bearbeiten Sie die Datei, indem Sie das gewünschte Logo erstellen.

3. Speichern Sie die Änderungen, und klicken Sie dann auf die Schaltfläche Aktualisieren, um die Änderungen anzuzeigen.

   Hinweis

   Wenn Sie die Hintergrundfarbe in der Datei lgntopl.gif geändert haben, sollten Sie die übrigen Dateien, die zum Erstellen der Anmelde- und Abmeldeseiten verwendet werden, ebenfalls entsprechend bearbeiten.

Ändern von Schriftstil und Farben

Sie können die Datei logon.css bearbeiten, um den Schriftstil und einige der auf der Seite verwendeten Farben zu ändern. Dazu zählt die Hintergrundfarbe hinter den Steuerelementen in der Mitte der Anmelde- und der Sprachauswahlseite. Wenn Sie die Farbe dieser Seiten geändert haben, sollten Sie auch die Hintergrundfarbe entsprechend anpassen.

Zum Ändern der Hintergrund- und Schriftfarben von Anmelde-, Sprachauswahl- und Abmeldeseite, suchen Sie die Werte in der Datei logon.css, und bestimmen Sie die HTML RGB-Werte für die Farben, die Sie verwenden möchten. Die HTML RGB-Farbwerte werden durch eine siebenstellige Zeichenfolge definiert, bestehend aus dem Nummernzeichen (#) und sechs Zeichen. Unter Farbtabelle in der MSDN-Bibliothek finden Sie die HTML RGB-Werte für viele Farben. Wenn Sie eine bestimmte Farbe benötigen und diese online nicht finden, erstellen Sie ein Beispiel der Farbe in einem Bildbearbeitungstool, und ermitteln Sie so den entsprechenden HTML RGB-Wert.

Zum Testen der Änderungen öffnen Sie Internet Explorer, und geben Sie den URL für Outlook Web Access ein. Zum Testen der Änderungen an der Standardwebsite auf dem Clientzugriffsserver, auf dem sich das virtuelle Outlook Web Access-Verzeichnis befindet, öffnen Sie Internet Explorer, und geben Sie den URL https://localhost/owa ein.

Die folgende Tabelle enthält die Elemente der Anmelde- und Abmeldeseite sowie eine Beschreibung der einzelnen Elemente.

Elemente der Anmelde- und Abmeldeseite und deren Beschreibungen

Nachdem Sie entschieden haben, die Farbe welcher Elemente Sie ändern möchten, und nachdem Sie die entsprechenden HTML RGB-Farbwerte der gewünschten Farben ermittelt haben, können Sie mit dem folgenden Verfahren die Farben aller Elemente ändern, die in einer CSS-Datei definiert sind.

So ändern Sie die Farbe eines Elements

1. Öffnen Sie die Datei logon.css.

2. Anhand der weiter oben im vorliegenden Thema abgebildeten Tabelle der Elemente von Anmelde- und Abmeldeseite können Sie die Zeichenfolgen ermitteln, nach denen Sie für die jeweiligen zu ändernden Elemente suchen müssen.

3. Ersetzen Sie den HTML RGB-Farbwert des zu ändernden Elements durch den HTML RGB-Wert für die neue Farbe, die Sie für das Element verwenden möchten.

4. Speichern Sie die Änderungen, und schließen Sie die Datei logon.css.

5. Testen Sie die Änderungen, indem Sie Internet Explorer öffnen und den URL für die Outlook Web Access-Anmeldeseite eingeben.