Personalizar estilos Web

<< Clic para mostrar Tabla de Contenidos >>

Personalizar estilos Web

 

Personalizar estilos Web

  •     Introducción
  •     Personalización básica
  •     Personalización avanzada por css
  • Introducción

    Usted puede personalizar los estilos de la publicación Web para ajustarse a sus estándares corporativos.

    Bizagi proporciona dos maneras para personalización: Personalización básica donde se pueden cambiar los colores y la Personalización avanzada por css.

     

    Personalización básica

    Una vez se ha realizado la publicación, vaya a la carpeta donde han quedado los archivos y encuentre el archivo llamado key.json.js.

    Abra el archivo con un editor de texto.

     

    CustomizeStyles1

     

    Cambie el valor de useTheme a true, para habilitar la personalización.

    Al final del archivo usted encontrará la lista de los estilos que pueden cambiarse.

     

    CustomizeStyles2

     

    Cambie el color del encabezado (Header), de la barra izquierda (Navigation) y del panel de contenido (Content). Guarde los cambios para verlos reflejados en la publicación.

    La primera opción de los grupos se refiere al color de fondo, la segunda opción es el borde y la tercera el color de la letra.

     

    CustomizeStyles3

     

    Personalización avanzada por css

    Para usuarios avanzados en css es posible personalizar los estilos como desee.

     

    Una vez se ha realizado la publicación, vaya al folder donde han quedado los archivos y encuentre el archivo llamado key.json.js.

    Abra el archivo con un editor de texto.

     

    CustomizeStyles1

     

    Cambie el valor de useTheme a true, para habilitar la personalización.

     

    CustomizeStyles4

     

    Abra el archivo .css ubicado en la ruta libs/css/theme.css y realice los cambios deseados.

     

    CustomizeStyles5

    En este articulo