Cambio del logotipo de IBM Connections

Para personalizar IBM® Connections para que tenga el aspecto de su organización, especifique un CSS que sustituya el logotipo de IBM Connections por el logotipo de su empresa.

Acerca de esta tarea

De forma predeterminada, se muestran dos logotipos de IBM en el producto. El primer logotipo contiene el texto IBM Connections y el segundo logotipo es el logotipo de IBM gráfico. Puede sustituir ambos logotipos con el logotipo de su empresa.

Procedimiento

Opcional: Activar la prestación de depuración de personalización. Para obtener más información, consulte Habilitación e inhabilitación de la depuración de personalización.
Cree un archivo CSS denominado custom.css y almacénelo en el siguiente subdirectorio del directorio de personalización:
customizationDir/themes/gen4Theme
Para obtener información sobre cómo averiguar dónde está ubicado su directorio customizationDir, consulte Cómo determinar dónde guardar sus personalizaciones.

Guarde el logotipo de su empresa en los siguientes directorios:

customizationDir/javascript/com/ibm/lconn/core/styles/images/logo.png
customizationDir/javascript/com/ibm/oneui3/styles/imageLibrary/Branding/Logos/ibmLogoOpaque16.png

Abra el archivo CSS en un editor de texto y añada las siguientes líneas:
- Para sustituir el logotipo basado en texto de IBM Connections por el logotipo de su empresa, añada las líneas siguientes al archivo:
```
.lotusui30 .lotusBanner .lotusLogo {
 background-image: url("/com.ibm.lconn.core.styles/images/logo.png");
 height: altura_imagenpx;
 width: ancho_imagenpx; 
} 
.lotusui30 .lotusBanner .lotusLogo .lotusAltText {
 display: none; 
}
```
  Donde
  - logotipo.png es el nombre del archivo del logotipo de empresa.
  - altura_imagen es la altura del logotipo.
  - ancho_imagen es el ancho del logotipo.
- Para sustituir el logotipo gráfico de IBM por el logotipo de su empresa, añada las líneas siguientes al archivo:
```
.lotusui30 .lotusBanner .lotusIBMLogo {
 background-image: url("/com.ibm.oneui3.styles/imageLibrary/Branding/Logos/ibmLogoOpaque16.png");
 background-position: 0px 0px;
 height: altura_imagenpx;
 width: ancho_imagenpx;
}
```
  Donde
  - ibmLogoOpaque16.png es el nombre del archivo del logotipo de empresa.
  - altura_imagen es la altura del logotipo.
  - ancho_imagen es el ancho del logotipo.
Nota: Si da soporte a idiomas de derecha a izquierda, como árabe o hebreo, debe realizar los cambios equivalentes al archivo customRTL.css y guardarlos también en el directorio customizationDir/themes/gen4Theme.
Guarde y cierre el archivo custom.css.
Detenga y reinicie el archivo Common.ear para que se apliquen los cambios de CSS.
Borre los directorios /temp y /wstemp, por ejemplo: c:\IBM\WebSphere\AppServer\profiles\AppSrv01\temp y c:\IBM\WebSphere\AppServer\profiles\AppSrv01\wstemp
Cuando esté listo para publicar los cambios, desactive la prestación de depuración de personalización. Pruebe si los cambios se han añadido correctamente; para ello, reinicie las aplicaciones y renueve el navegador web. Al renovar el navegador, sólo se mostrarán los cambios si ha activado la depuración. Consulte Habilitación e inhabilitación de la depuración de personalización para obtener más detalles.
Consulte Paso posterior a la personalización necesario para obtener información sobre cómo actualizar la indicación de la versión del producto y asegúrese de que los usuarios vean los cambios la próxima vez que inicien la sesión en IBM Connections.