Personalizar Dolibarr

Guía Rapida
Índice de contenido
Empezando............................................................................................................................................3
La post-instalación................................................................................................................................3
Algo más ...............................................................................................................................................4
Modificar el Favicon.............................................................................................................................6
Con más estilo.......................................................................................................................................7
Agradecimento......................................................................................................................................8
Empezando
Si bien la instalación de dolibarr es relativamente sencilla, algunas de las tareas para personalizar o
customizar dolibarr, no siempre lo es tanto. Este manual esta pensado para ayudar a cambiar los
logotipos, slogans y presentación del login en dolibarr.

La post-instalación
Al terminar el proceso de instalación del sistema, este nos avisa que se deben configurar los parametros
de la empresa/institución, para lo cual se debe dar clic en la opcion de “parámetros obligatorios de
configuración no están todavía definidos”.

Esto nos llevara a una pantalla para capturar los datos de la organización.
En esta parte se encuentra un boton de Logo (png,jpg), que nos permite subir un archivo de imagen que
se presentara en las paginas de dolibarr.1

Con esto, obtendremos que aparezca el logo en el cuadro de login con la configuración estandar, pero
no el favicon o icono de la pagina de login de dolibarr.

Algo más ...

Si bien lo anterior permite identificar que dolibarr es usado por nuestra organización, a la mayoria de
las personas les gusta darle un toque mas personalizado, por lo que siempre buscamos algo más.
Lo primero que debemos hace es ir al menu de configuración->Módulos herramientas o Sistema -> y
activar el modulo “Editor WYSIWYG”, esto para poder dar formato al texto a mostrar.

1Es importante recalcar que esta imagen no sera direccionada en la pagina sino que se presentara a partir de
implementar el viewimage.php:
dolibarr/viewimage.php?cache=1&modulepart=companylogo&file=thumbs%2Flogo_mini.png
Despues debemos ir al menu de configuración->entorno, el cual al modificar se pueden modificar los
varios campos, pero aqui nos interesan los ultimos.

Podemos apreciar que al selecccionar “Si” en ocultar enlace de ayuda en linea y personalizar el
mensaje del login con formato HTML, tenemos mas opciones de presentar mas información y con el
formato que nos agrade.
Modificar el Favicon
Los pasos siguientes son un poco mas complicados, ya que en adelante ya no lo hara el sistema de
forma automatica y tendremos que modificar directamente los archivos y algunas variables.
Lo primero es contar con el archivo favicon.ico que deseamos que se muestre y debemos substituir el
favicon.ico existente (o predeterminado) en nuestro directorio dolibarr, esto lo podemos hacer
directamente si es una intsalación local o desde una conexion ftp o con el administrador de archivos de
nuestro panel de control de hosting.
Ahora vamos a ir a la opcion de “Configuración->Varios”. En este apartado se pueden modificar las
variables globales del sistema, para lo cual debemos saber el nombre de la variable y el valor que le
vamos a asignar.
En este caso seran MAIN_APPLICATION_TITLE y MAIN_FAVICON_URL, los pasos a seguir seran
los siguientes.
• Escribir el nombre de la variable en el campo “Nombre”.
• Escribir el valor.
• Escribir el comentario deseado
• Dar clic en el boton Añadir.
Ejemplos:
Nombre: MAIN_APPLICATION_TITLE
Valor: Somos la Solución
Comentario: Slogan de la empresa

Nombre: MAIN_FAVICON_URL
Valor: http://www.dominio.com/directoriodolibarr/favicon.ico
Comentario: Favicón de la empresa

En el caso del favicon es importante recalcar que la direccion debe ser completa, es decir con el
formato “http://www.dominio.com/directoriodolibarr/favicon.ico”

Con lo cual nuestro login debera quedar mas o menos así.

Con más estilo
Aquí vamos a modificar el estilo de la pagina del login al edital el archivo style.css.php del tema
predeterminado de dolibarr que es Eldy2. Este archivo se encuentra en el directorio de
dolibarr/theme/eldy/style.css.php.
Primero y antes que nada es recomendable hacer un respaldo de este archivo, solo por si las dudas.
Despues lo mas recomendable es bajar otra copia para trabajar con ella con el editor que mas te agrade.
Ya teniendo a nuestro archivo a la mano procedemos a editar el archivo bucando la etiqueta
/* Login */
Que en la versión dolibarr 3.9.0 se encuentra en la linea 1021 aprox.
Y a partir de esta linea podemos echar mano a nuestros conocimientos de HTML y CSS, a
continuación, te muestro algunas posibles modificaciones.
Para cambiar el fondo claro a color negro y poner una imagen de fondo previamente copiada al
directorio donde esta el archivo style.css.php de eldy podria ser de esta forma:
.bodylogin
{
background: #000000;
background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img_de_fondo.gif',1) ?>);
background-repeat: repeat;
background-attachment: fixed;
background-position: 50% 50%;
}

2 htdocs/theme/eldy/style.css.php
En el marco central del login se pueden redondear las orillas del logo.
#img_logo {
max-width: 250px;
border-radius: 10px; // depende de la forma del logo se puede curvear mas o menos
border:solid 1px rgba(80,80,80,.4);
}
Estos ejemplos premiten obsevar que al depender de esta pagina de estilos, el tema puede ser modificado de
acuerdo a tus conocimientos.

Agradecimento
Para realizar tus sugerencias, puedes enviármelas por email a:
rubenlara@nekitec.com
Gracias
nekitec.com