Cambiar el color del Menú y el icono 

Descripción 

NMIS ofrece la opción de cambiar el color  del menú y el icono del browser en cada pestaña, por cada módulo, en este documento se verá cómo personalizar NMIS.

Así se muestra NMIS antes de personalizar.

 

 

Procedimiento

  1. Reemplazar barra del Browser agregandole el logo, color y el tamaño requerido por espacio /usr/local/nmis8/menu/img/

  2. Respaldar el archivo original por cualquier inconveniente Opmantek-logo-tiny.png.backup

  3. Agregar el archivo con el logo incluido. nombre-logo-tiny.png


  4. Configurar los parámetros de tamaño del logo: /usr/local/nmis8/cgi-bin/vi nmiscgi.pl

    <a href="http://www.nombredominio"><img height="35px" width="35px" class="logo" src="$C->{'<menu_url_base>'}/img/nombre-logo-tiny.png"/></a>
  5. Configurar posición de logo y color: /usr/local/nmis8/menu/css/dash8.css

    / these will overide the jd_menu defaults. /

    ul.jd_menu,

    ul.jd_menu ul,

    ul.jd_menu_vertical,

    ul.jd_menu_vertical ul {

      / SKIN: This is the "Menu Bar". /

       color: white;

       background-color: #000;

       border: 0px solid #000;

       letter-spacing: 1px;

    }

       border: 0px solid #000;

       letter-spacing: 1px;

    }

        border-color: #b3b5b4

    }

    .panel-title {

        margin-top: 0;

        margin-bottom: 0;

        font-size: 16px;

        color: #000000

    }

Resultados

Al actualizar, veremos el color que hemos configurado en la barra y el logo del cliente:

Personalizar la pestaña de logeo

Descripción

El requerimiento es modificar el login del módulo de NMIS.

Procedimiento

  1. Antes de Modificar realizar respaldo del archivo original
    Ruta

    /usr/local/omk/template/authentication/login.html.ep

    Archivos

    login.html.ep.backup

    login.html.ep

  2. Se realiza el cambio de logo y nombre en las pestañas del Browser:

    Ruta

    /usr/local/omk/template/layouts/opmantek_packed.html.ep

    Archivos 

    opmantek_packed.html.ep.backup

    opmantek_packed.html.ep

  3. Se agregaron los iconos

    /usr/local/omk/public/omk/icons

    logoLeft.png
    logo32.png
    FV.ico

Resultado

Antes de personalizar

 

Despues de personalizar