Advertencia: Cebra (Zebra) 2.0+ depende fuertemente de CSS3 y NO SE RECOMIENDA PARA IE6 o inferiores; aunque tampoco Moodle 2.0+.
Zebra usa solicitudes de CSS3 @media para reformular dinámicamente el diseño de la página basado en el ancho de la pantalla. Este diseño personalizado 2-1-3 (enmedio, izq, derecho) puede mostrar 1, 2, o 3 columnas dependiendo del ancho de la pantalla. También es compatible con las clases de cuerpo .side-pre-only, .side-post-only, y .content-only en los tres diseños.
@media
.side-pre-only
.side-post-only
.content-only
Cebra también proporciona personalizaciones extensivas mediante su página de configuraciones, incluyendo colores, logos, configuraciones de reacomodo, configuraciones para móviles, y un campo para CSS personalizado.
Este tema está construído sobre Base y además integra las características de pagelayout y dock del tema Rebase.
Cebra 2.0 está basado en el tema Aardvark 1.2 (1.9) por Shaun Daubney @ Newbury-College, Cebra 1.4 (1.9) por mí (Danny Wahl) @ iyWare, Aardvark_makeover (2.0) por Mary Evans @ Visible-Expressions, y los demás temas en que están basados estos temas.
Este, y todos los temas incluidos en el núcleo de Moodle están licenciados bajo GNU General Public License.
El diseño subyacente de la página, diseñado en forma independiente de Moodle 2.0 por mí (Danny Wahl) @ iyWare, y capaz de ser empleado independientemente, tiene licencia de GNU General Public License.
http://moodle.org/mod/forum/discuss.php?d=211918
http://moodle.org/plugins/view.php?plugin=theme_zebra
Danny Wahl
Gradientes y resaltados.
Nota: Safari 4 no acepta un gradiente de altura fija, por lo que siempre se mostrará como "Ninguno" o "Nada".
Cambiar las configuraciones para el diseño de la página. Para probar sus configuraciones, simplemente cambie el tamaño de su ventana del navegador o rote la orientación de su teléfono o tableta.
region-main
region-pre
region-post
Configuraciones varias para intentar mejorar la compatibilidad del navegador con este tema gráfico, para una experiencia del usuario más consistente
Escriba su CSS personalizado aquí.
El CSS que escriba aquí es la última cosa llamada en la página y no deberá ser sobre-escrito por ninguna otra regla. Si sus reglas no se están mostrando, por favor intente lo siguiente:
!important
Color de fondo de pie de página.
Usar transparent causará que el pie de página muestre el valor de contentbgcolor pero no el valor de bodybgcolor. Este color debe configurarse al mismo valor que bodybgcolor para tener un efecto de transparencia.
transparent
contentbgcolor
bodybgcolor
Escriba la URL hacia su logo. Déjela vacía para no poner imagen.
Esta URL puede ser de uno de los tres tipos de protocolo:
Salida Moodle (relativa al tema):
logo/nuestrologo
Ruta completa:
http://dominio.com.mx/theme/image.php?theme=zebra&image=logo&rev=1&component=themehttp://dominio.com.mx/ruta/ala/imagen.jpg
http://dominio.com.mx/theme/image.php?theme=zebra&image=logo&rev=1&component=theme
http://dominio.com.mx/ruta/ala/imagen.jpg
Ruta Relativa:
/ruta/al/archivode/logodenosotros.png
Cambia colores específicos que están definidos en el núcleo de Moodle y están fuera de los colores generales definidos arriba. Estos incluyen cosas como .notifysuccess y colores para tipos de evento del calendario. Probablemente estos no necesitan ser ajustados a menos que Usted tuviera un conflicto específico con las configuraciones de colores generales de arriba.
.notifysuccess
Para aplicar cualquier configuración simplemente presione "Guardar cambios" al fondo de la página.
Si no tiene habilitado el modo de Diseñador de Temas, Usted puede necesitar visitar la página de administración para Purgar todas las Cachés y así forzar a que se refresque.
Configura el color de letra usado para cosas que trabajaban tales como guardar configuraciones.. Ejemplos específicos son .green andy .notifysuccess.
.green
Cambia las configuraciones para el esquema de colores de la página. None= Ninguno, Dark=Oscuro, Light=Claro