Máquinas Virtuales | Virtualización, AIOps y Ciberseguridad en Español · Raul Unzue (vExpert) Blog de Raúl Unzué (vExpert). Guías de virtualización, Proxmox, Docker, K8s y ciberseguridad en español. +1.700 artículos para Sysadmins y profesionales IT.
Artículos relacionados
Personalizar portal Citrix Storefront
Hoy quiero mostraros como personalizar vuestro portal web Citrix, modificando directamente Storefront. Así que detallamos qué ficheros necesitaréis modificar y como podéis jugar con vuestra personalización logo, colores corporativos,…
Así que nos ponemos manos a la obra, partiendo de un portal estándar:
Si nos decidimos a hacerlo mediante consola, tendremos que abrir Citrix Studio (yo tengo todo en el mismo servidor) –> Sección Citrix Storefront –> Administrar sitios de Receiver para web:
Pulsamos Configurar:
Vamos al menú Personalizar apariencia y podremos cargar nuestro logo y cambiar los colores:
Adaptar los tamaños de las imágenes a las recomendaciones para que no quede “feo”. Eso se hace fácilmente con Photoshop:
Guardar la imagen para Web y en formato PNG:
Y una vez tenemos las imágenes vamos probando las combinaciones de colores:
Ahora tenemos que modificar el portal, porque sólo hemos subido el logo, y no queda muy bien:
Os explico como encontrar lo que hay que modificar, utilizaré Firefox Developer:
Lo que hay que hacer es ir a la vista de desarrollador (F12) y ver las imágenes que hay en la web marcando IMG. Te vas poniendo en cada una y así podréis localizar las carpetas en el servidor:
Los ficheros los encontraréis aquí:
- Imagen de fondo: C:\inetpub\wwwroot\Citrix\StoreWeb\receiver\images\common\ReceiverFullScreenBackground_XXXXX.jpg (esta imagen es de 2560×1600)
- Color de los botones: C:\inetpub\wwwroot\Citrix\StoreWeb\receiver\css\ctxs.large-ui.min_XXXXXXXXXX.css
- Línea central: También está en el mismo fichero, C:\inetpub\wwwroot\Citrix\StoreWeb\receiver\css\ctxs.large-ui.min_XXXXXXXXXX.css. Al ser un CSS podéis jugar con las tranparencias o cambiar el color fácilmente en la sección background-color…
Estos CSS los podéis modificar con una aplicación tipo Notepad++. Conforme hacéis el cambio pulsáis F5 en el navegador y los cambios serán reflejados de forma instantánea. Primero cambio la imagen y la miro en varios navegadores y móviles.
Luego ya todo es tener un cierto gusto, yo he extraído casi todas las imágenes de mi página web El Blog de Negu, y estos son los parámetros utilizados y el resultado, espero os guste:
BARRA LOGON:
|
1 |
.web-screen .content-area{padding:60px 0;background-color:#ffffff;background-color:rgba(255,255,255,0.8);text-align:center} |
BOTON:
|
1 |
Reemplazo el color #02a1c1 del css por el azul de mi Blog |
FUENTE LOGON:
|
1 |
.credentialform .plain{margin-left:0;color:#336496;font-size:20px;font-weight:300;line-height:44px} |
Sitio oficial:
https://support.citrix.com/article/CTX215016
¿Te ha gustado la entrada SÍGUENOS EN TWITTER O INVITANOS A UN CAFE?
Un comentario
Pingback: Personalizar Dashboard Citrix Netscaler - Blog VMware y Citrix