Personalizzazione del tema in OWA 2010

Beh, un piccolo documento un po' in ritardo, ma come è emerso questo problema in un cliente di recente?, facciamo un breve riassunto delle modifiche che sarebbero necessarie per personalizzare o personalizzare un tema nell'Outlook Web App dei nostri server Microsoft Exchange 2010, Con questo faremo un'interfaccia totalmente aziendale dove avremo i capi felici! 😛

Apporteremo queste modifiche ai nostri server con il ruolo Accesso client, e se abbiamo un server TMG nella DMZ dobbiamo anche apportare parte delle modifiche in esso, nella parte del portale.

Da tenere presente che gli argomenti sono in: %Programmi%MicrosoftExchange ServerV14ClientAccessOwa<Versione>Temi

Potremmo anche cambiare l'icona che il browser ci mostrerà, sostituendolo con il nostro in %ProgramFiles%MicrosoftExchange ServerV14ClientAccessOwa<Versione>TemiLe risorse sostituiranno favicon.ico con il nostro.
Possiamo lavorare su un tema esistente che ci si addice meglio o utilizzare quello predefinito ('di base'), Quindi duplichiamo la cartella dell'argomento in questione e la rinominiamo come vogliamo.

Modificheremo il file themeinfo.xml e in 'displayname’ indicheremo il nome da visualizzare all'interno di OWA (Se lasciamo che siano loro a selezionare gli argomenti).

Possiamo fare affidamento su utilità di terze parti per vedere il codice sorgente OWA e personalizzarlo online per vedere come apparirebbero le modifiche e quindi trasferirle nel file CSS in questione. In Firefox c'è un plugin chiamato ‘Firebug‘ che ci sarà molto utile, o anche Internet Explorer ha qualcosa là fuori… Con questo, Possiamo utilizzare lo strumento e selezionare parti del sito Web per vedere da dove proviene il suo colore, Testo…

Esempi comuni:

Per cambiare il colore del pulsante 'Accedi'’ della Casa, Modificheremo il 'logon.css’ nella cartella 'themesResources', Cercando la sezione 'input.btn'{colore di sfondo:’ E mettiamo il colore in esadecimale che più ci si addice.

Lo stesso vale per l'effetto quando il mouse passa sopra il pulsante, Metteremo un colore simile al precedente, ma più chiaro, Modifica: 'btnOnMseOvr{colore di sfondo:’, lo stesso per quando scatta…
Se vogliamo cambiare il colore dei collegamenti in questa stessa Home e che non siano arancioni, sullo stesso 'logon.css’ Cerchiamo la sezione per i link 'a{colore:’….

Più, per il testo arancione sulla Home diverso dai link, Tornando al 'logon.css’ Cambiamo 'wrng{colore:’

E infine, Per esempio, per modificare il colore delle caselle in cui è inserito il nome utente/password, Cambiamo il 'colore di sfondo'’ all'interno di '.txt'

Per modificare le immagini principali, Vedremo che sono composti da diversi, quindi la cosa più fattibile da fare è cambiare la tonalità/saturazione con un PhotoShop e il gioco è fatto, al colore che più si adatta. Nel 'lgntopl.gif’ Possiamo sostituire il logo predefinito e mettere il logo della nostra azienda.

Più,

E così via,

E così via!

Tieni presente che una volta effettuato l'accesso a OWA, Dovremo cambiare anche noi le cose, come il logo della nostra azienda in alto a sinistra, Per fare ciò, modificheremo il file 'csssprites.png’ soppiantato dal nostro LOGO dove arriva "Microsoft Outlook Web App", Dovremo tenere conto che al massimo sarà un'immagine di 144 x 42 Pixel! Come possiamo vedere, possiamo cambiare più icone, questo è uno dei vantaggi di OWA, che si ricarica così velocemente, Carica una singola immagine e poi seleziona le caselle che desideri posizionare.