Os dejo un documento bastante fácil de como en unos pocos minutos que le dediquemos, podremos darle una nueva cara a nuestro portal de aplicações o escritorios de Citrix, nosso querido StoreFront! É muito fácil e muito agradecido pelos nossos utilizadores o fazer um portal corporativo chulo! E se os utilizadores não nos agradecem, sabemos que los directivos sí 😉

En este documento nos basamos en modificar un StoreFront 3.5, pero podíamos usarlo para qualquer versão da 3.x. E se não, sempre os recomendaré la forma que hago yo para saber qué y donde modificar, seguro que alguém lo hace más fácil, pero yo utilizo una extensão 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 una interface como el de la imagen, donde podamos mudar los logotipos, los colores del texto/botones, el fondo… podremos seguir los siguientes passos y en unos pocos minutos lo tendremos!!

Imagen de fondo

Bastará con substituir 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 tamanho de imagen y dotarla de buena calidad.

Color de los botones

Para cambiar el color del botón “Iniciar sessão” 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;cor: #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{cor:preto}.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;Largura:385Px;altura:44Px;outline:0;Fronteira:0;cor de fundo:Branco;font-size:16Px;cor:#666}.formulário de credenciais, mudando o ‘#666’ para a cor que desejarmos (normalmente será um tom mais escuro que o anterior).

Mudando o tamanho do Logo,

Já sabemos que os logotipos os colocaremos a partir da consola Studio, mais abaixo têm a imagem para personalizar ‘Receiver para Web’. Mas, para mudar o tamanho do Logo inicial e colocar um logo maior do que o que a consola Citrix StoreFront nos permite, modificaremos em ‘C:\inetpub\wwwroot\Citrix\StoreWeb\custom’ el fichero ‘style.css’ cambiando los tamaños que nos interese, além de colocar as imagens necessárias com essa resolução neste mesmo caminho. Substituímos os tamanhos no CSS:

.logo-container{

imagem de fundo: URL(‘Citrix_HalfHeaderLogo.png’);

tamanho de fundo: 170px 40px;

}

.is-hdpi .logon-logo-container{

imagem de fundo: URL(‘logo-tun-350-120.png’);

tamanho de fundo: 175px 60px;

}

Traza horizontal

Para cambiar el color de la traza gris que tiene transparencia y que nos cubre la pantalla de izquierda a derecha, modificaremos en “C:\inetpub\wwwroot\Citrix\StoreWeb\receiver\css\ctxs.large-ui.min_77F67A01D0A24AF1.css” el código con nuestro color y el % de transparencia en: ’background-color:rgba(63,54,67,0.8);alinhamento-de-texto:center}.web-screen’.

Customizando desde la consola

Esto ya lo conocemos, que desde la consola de StoreFront, sobre nuestro sitio Web podremos cambiar el tema del portal por uno que nos identifique más, desde “Personalizar apariencia” podremos cambiar los logotipos, el de antes de iniciar sesión, el de una vez iniciada la sesión, el color de fondo, el color de los textos, el color de los enlaces…

Y este sería el aspecto de nuestro nuevo portal de aplicaciones!!! claro, que vosotros seguros que tenéis mais gosto que yo 😉