Intentaremos personalizar el entorno para adecuarlo a nuestras necesidades y darle un aspecto diferente.
Así por ejemplo podremos poner un logo en la cabecera, o incluir iconos para mejorar el aspecto visual.
Tambien haremos referencia a las carpetas donde se encuentran algunos ficheros con los que podremos experimentar como por ejemplo las hojas de estilo.
1.- Poner un logotipo en la cabecera del portal:
* Crearemos un logotipo con algun sw de imagen como por ejemplo gimp, lo guardaremos en un formato visualizable en el navegador.
* Copiamos este fichero llamado por ejemplo "logo.jpg" en la carpeta packages/dotlrn/www/resources/ de nuestro servicio de dotlrn.
* Modificamos el fichero packages/dotlrn/www/dotlrn-master.adp que es la plantilla de visualización principal para dotlrn.
Incluimos detras de la linea que pone "@header-stuff;noquote@" el siguiente codigo html:
<img src="http://www.blogger.com/resources/dotlrn/logo.jpg" />
* Salvamos los cambios y recargamos nuestro navegador para ver si el cambio ha surtido efecto, deberiamos ver nuestro logotipo en la cabecera del portal.
2.- Modificar la Barra de DotLRN:
2.1-Cambiar los textos para administrar las clases alumnos etc, por unos iconos mas ilustrativos.
* Editamos el fichero packages/dotlrn/lib/toolbar.adp
* Buscamos el texto a sustituir, por ejemplo los departamentos, este codigo sera de la forma:
<a href="http://www.blogger.com/@dotlrn.admin-url@/departments" title="Departments">Departments</a>
la sustituimos por:
<a href="http://www.blogger.com/@dotlrn.admin-url@/departments" title="Departments"><img src="http://www.blogger.com/resources/dotlrn/departamentos.jpg" alt="Departamentos" /></a>
* Copiamos el fichero departamentos.jpg al directorio packages/dotlrn/www/resources/
* Actuamos igual con cada uno de los elementos que queramos modificar e incluir como icono.
2.2- Cambiar el mensaje Member y Menbers online por otras cadenas mas adecuadas.
* Editamos el fichero www/site-master.adp
* Buscamos las cadenas que deseamos modificar sustituyendolas por las que consideremos mas adecuadas.
2.3- Cambiar el mensaje "Your Acount" que es el enlace para cambiar los detalles de la cuenta de usuario.
* Editamos el fichero www/site-master.tcl.
* Buscamos dos lineas de codigo donde se hace un set a la variable "pvt_home_name"
* Modificamos esa instruccion set por ejemplo para que el enlace ponga "Tu cuenta" de la siguiente manera:
set pvt_home_name "Tu Cuenta"
3.- Modificar los enlaces para navegación que salen debajo de la barra de dotLRN.
* Editamos www/site-master.adp.
* Buscamos un bloque de código de la forma:
<multiple name="context">
...
</multiple>
* Modificamos ese código dejandolo de la siguiente forma:
<multiple name="context">
<if url="" not="" nil="">
<if label="" eq="" main="" site="">
<li><a href="http://www.blogger.com/@context.url@">Pagina Inicial</a>»</li>
</if>
<else>
<li><a href="http://www.blogger.com/@context.url@">@context.label@</a>»</li>
</else>
</if>
<else>
<li>@context.label@</li>
</else>
</multiple>
Veamos el resultado en esta imagen:
