Os deixo un document força senzill de com en uns pocs minuts que dediquem, podrem donar una nova cara al nostre portal d'aplicacions o escriptoris de Citrix, el nostre estimat StoreFront! És molt fàcil i molt agradat per als nostres usuaris fer un portal corporatiu amb dificultat! I si els usuaris no ens ho agraeixen, sabemos que los directivos sí 😉

En aquest document ens basamos en modificar un StoreFront 3.5, pero podríem usar-lo per a qualsevol versió de la 3.x. I si no, sempre els recomanem la forma que hago jo para saber què i on modificar, segur que algú ho fa més fàcil, però jo utilitzo una extensió del Firefox llamada Firebug. Dedicarle un par de minutos y ya veréis qué fácil es modificar una web para saber qué tocar luego en los ficheros ‘reales’.

Este sería un ejemplo de un portal personalizado, usando nuestra imagen de corporativa:

Si queremos tener un interfaz como el de la imagen, donde podamos cambiar los logotipos, los colores del texto/botones, el fondo… podremos seguir los siguientes pasos y en unos pocos minutos lo tendremos!!

Imagen de fondo

Bastará con sustituir el fichero ‘C:\inetpub\wwwroot\Citrix\StoreWeb\receiver\images\common\ReceiverFullScreenBackground_46E559C0E6B5A27B.jpg’ por el fondo que queramos, recomendable será por tanto mantener el mismo tamaño de imagen y dotarla de buena calidad.

Color de los botones

Para cambiar el color del botón “Iniciar sessió” o cualquier otro que el usuario reciba, en el fichero “C:\inetpub\wwwroot\Citrix\StoreWeb\receiver\css\ctxs.large-ui.min_77F67A01D0A24AF1.css” reemplazaremos los #02a1c1 por nuestro color corporativo.

Colores de textos

Si queremos cambiar el texto de ‘Usuario/Contraseña’, en el mismo fichero reemplazaremos la línea ‘.plain{margin-left:0;color: #9a9a9a;font-size:17px;font-weight:300;line-height:44px}.credentialform’ por el tipo y color de letra que deseemos.

Para cambiar el color de la letra activa en los campos de texto, cambiaremos en ‘.credentialform input[type=password]:focus{color:black}.credentialform’ el color que nos interese, sustituyendo el ‘black’.

Para cambiar el color de la letra inactiva en los campos de texto, cambiaremos en ‘.pseudo-input{box-sizing:border-box;width:385px;height:44px;outline:0;border:0;background-color:white;font-size:16px;color:#666}.credentialform’ canviant el ‘#666’ pel color que desitgem (normalment serà un to més fosc que l’anterior).

Canviant la mida del Logo,

Ja sabem que els logotips els introduirem des de la consola Studio, més avall teniu la imatge per personalitzar ‘Receiver per Web’. Però, per canviar la mida del Logo inicial i posar un logo més gran del que ens permet la consola de Citrix StoreFront, modificarem a ‘C:\inetpub\wwwroot\Citrix\StoreWeb\custom’ el fichero ‘style.css’ cambiando los tamaños que nos interese, a més de posar les imatges necessàries amb aquesta resolució en aquest mateix path. Reemplaçarem les mides al CSS:

.logo-container{

background-image: url(‘Citrix_HalfHeaderLogo.png’);

background-size: 170px 40px;

}

.contenidor de logo is-hdpi{

background-image: url(‘logo-tun-350-120.png’);

background-size: 175px 60px;

}

Traça horitzontal

Per canviar el color de la traça grisa que té transparència i que ens cobreix la pantalla d'esquerra a dreta, modificarem en “C:\inetpub\wwwroot\Citrix\StoreWeb\receiver\css\ctxs.large-ui.min_77F67A01D0A24AF1.css” el código con nuestro color y el % de transparència en: ’background-color:rgba(63,54,67,0.8);text-align:center}.web-screen’.

Personalitzant des de la consola

Això ja ho coneixem, que des de la consola de StoreFront, sobre el nostre lloc web podrem canviar el tema del portal per un que ens identifiqui més, des de “Personalitzar aparença” podrem canviar els logotips, el d'abans d'iniciar sessió, el d'un cop iniciada la sessió, el color de fons, el color dels textos, el color de los enlaces…

Y este seria el aspecto del nostre nou portal d'aplicacions!!! clar, que vosaltres segurs que tenéis més gusto que yo 😉