Anpassen des Designs in OWA 2010

Nun, ein kleines Dokument ist etwas überfällig, aber wie ist dieses Problem kürzlich bei einem Kunden aufgetreten?, Wir geben eine kurze Zusammenfassung der Änderungen, die notwendig wären, um ein Theme in der Outlook Web App unserer Microsoft Exchange-Server anzupassen oder anzupassen 2010, Damit werden wir eine vollständige Unternehmensschnittstelle schaffen, in der wir die Chefs glücklich machen werden! 😛

Wir werden diese Änderungen an unseren Servern mit der Clientzugriffsrolle vornehmen, und wenn wir einen TMG-Server in der DMZ haben, müssen wir auch einen Teil der Änderungen darin vornehmen, Im Portalbereich.

Um im Hinterkopf zu behalten, dass die Themen in: %Programme%MicrosoftExchange ServerV14ClientAccessOwa<Version>Themen

Wir könnten sogar das Symbol ändern, das uns der Browser anzeigt, Ersetzen Sie es durch unsere in %ProgramFiles%MicrosoftExchange ServerV14ClientAccessOwa<Version>ThemenRessourcen werden favicon.ico durch unsere.
Wir können an einem bestehenden Theme arbeiten, das besser zu uns passt, oder das Standard-Theme verwenden ("Grundlegend"), Also duplizieren wir den Ordner des betreffenden Themas und benennen ihn nach Belieben um.

Wir werden die Datei themeinfo.xml und in 'displayname bearbeiten.’ Wir geben den Namen an, der in OWA angezeigt werden soll (Wenn wir sie Themen auswählen lassen).

Wir können uns auf Dienstprogramme von Drittanbietern verlassen, um den OWA-Quellcode zu sehen und ihn online anzupassen, um zu sehen, wie die Änderungen aussehen würden, und dann würden wir sie in die betreffende CSS-Datei übertragen. In Firefox gibt es ein Plugin namens ‘Feuerteufel‘ Das wird uns sehr nützlich sein, oder sogar der Internet Explorer hat etwas da draußen… Hiermit, Wir können das Tool verwenden und Teile der Website auswählen, um zu sehen, woher ihre Farbe kommt, Text…

Gängige Beispiele:

So ändern Sie die Farbe der Schaltfläche "Anmelden"’ des Hauses, Wir werden die 'logon.css’ im Ordner 'themesResources', Suchen Sie nach dem Abschnitt 'input.btn'{Hintergrundfarbe:’ Und wir setzen die Farbe in Hexadezimal, die am besten zu uns passt.

Gleiches gilt für den Effekt, wenn die Maus über die Schaltfläche fährt, Wir werden eine ähnliche Farbe wie die vorherige verwenden, aber klarer, Ändernd: 'btnOnMseOvr{Hintergrundfarbe:’, Das Gleiche gilt, wenn es klick macht…
Wenn wir die Farbe der Links in diesem Home ändern möchten und dass sie nicht orange sind, auf demselben 'logon.css’ Wir suchen den Abschnitt nach Links zu{Farbe:’….

Mehr, für den orangefarbenen Text auf der Startseite, außer Links, Zurück in 'logon.css’ Wir ändern 'wng{Farbe:’

Und schließlich, Zum Beispiel, , um die Farbe der Felder zu ändern, in die der Benutzername/das Passwort eingegeben wird, Wir ändern die 'Hintergrundfarbe'’ innen '.txt'

So ändern Sie die Hauptbilder, Wir werden sehen, dass sie sich aus mehreren, Das Praktikabelste ist also, den Farbton/die Sättigung mit einem Photoshop zu ändern und das war's, auf die Farbe, die am besten passt. In 'lgntopl.gif’ Wir können das Standardlogo ersetzen und das Logo unseres Unternehmens einfügen.

Mehr,

Und so weiter,

Und so weiter!

Denken Sie daran, dass, sobald wir uns bei OWA angemeldet haben, Auch wir werden etwas ändern müssen, wie zum Beispiel unser Firmenlogo oben links, Zu diesem Zweck ändern wir die Datei 'csssprites.png’ ersetzt durch unser LOGO, wo "Microsoft Outlook Web App" kommt, Wir werden damit rechnen müssen, dass es sich höchstens um ein Bild von 144 x 42 Bildpunkte! Wie wir sehen können, können wir weitere Symbole ändern, Dies ist einer der Vorteile von OWA, das so schnell auflädt, Laden Sie ein einzelnes Bild hoch und wählen Sie dann die Felder aus, die Sie platzieren möchten.