El tema Overlay es un tema moderno, bastante configurable, bien probado e incluida en la instalación de Moodle. Buena elección para cualquier plataforma con diseño moderno y sencillo.

Por defecto solo permite mostrar el nombre de la web en el título y no el logo, lo cual es poco corporativo. Pero tiene fácil solución.

Podríamos modificar los ficheros PHP que la plantilla usa para generar el HTML, pero eso sería problemático y podríamos perder los cambios en las actualizaciones.

Lo mejor hacerlo mediante CSS. Para eso:

Usamos la opción de ver el código fuente del navegador para ver las etiquetas y id de los tags html involucrados. En este caso son: newheader, newheaderleft y headermain.

Entramos en la configuración del tema Overlay y en el campo «CSS personalizado» pegamos el siguiente código CSS (convenientemente modificado).

#newheader { background: transparent; }
#newheaderleft { background: transparent; }

.headermain {
    background-image: url(http://www.vdelasnieves.es/images/vdelasnieves/main/logo.png);
    width: 250px;                        
    height:  38px;

    /* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

Damos a guardar y listo.

Un ejemplo http://formacion.vdelasnieves.es

Y por cierto, esta técnica es válida para cualquier tema de cualquier CMS que permita sobre-escribir los estilos CSS.

 

Optin

¡ No se Pierda Nuestro Boletín !

Suscribirse y le comunicaremos cuando publiquemos nuevos artículos.

 

(No más de 1 correo semanal | 100% sin SPAM)

Se ha suscrito correctamente.

Pin It on Pinterest

Share This