Diseñando cursos estándar en Moodle

17-01-2013 Moodle Cabezotes de Cursos

Empresa: Comfenalco

Este es el primer código que use para los encabezados de las aulas estándar que se van a entregar a todos los docentes de primeros semestres. 

Los estoy creando de forma editable, para que puedan escribir sin tener que pensar en el diseño. Sacrifique un poco el diseño este semestre para darle una solución según la filosofía del "responsive disign" aunque uso tablas  y que estos tengan la posibilidad de adaptarse a cualquier pantalla.

Los anchos están en 100% y fabrique el logo de las aulas con el fin de que no queden tan planas.

Todos los fondos son degrades tileables a un ancho de 1px para que se puedan repetir sin problemas a lo largo del fondo de los elementos editables.

La Imagen del sello es separada al resto: 

 Icono de Actividades

 Icono de Recursos

 Icono de Contenidos

 Imagen de fondo para las etiquetas de temas editables.

Ej:

 Imagen de fondo de títulos en los cabezotes

Ej:

Imagen de fondo para los cabezotes de los cursos

Ejemplo de como luce aplicado.

 Este es el gif usado

Después del salto veras código usado hasta ahora.