Con el plan Advanced, es posible editar el CSS de tus exámenes.
Quizá quieras cambiar las fuentes, los colores, la forma de los botones y el fondo de tus exámenes creados con Easy LMS. Una forma de hacerlo es ajustando la configuración en la pestaña «Estilo», pero es posible que quieras realizar cambios que van más allá de los que están disponibles directamente.
El acceso a las hojas de estilo en cascada (CSS) te permite modificar la forma en que se presenta el contenido en línea. Si no sabes cómo utilizar CSS o tienes un Basic plan, deberás utilizar las opciones disponibles en «Estilo básico».
Echa un vistazo a las opciones de estilo para exámenes para conocer las posibilidades.
Cómo añadir CSS a un examen
Puedes editar el CSS de tu examen directamente desde tu cuenta.
Selecciona tu examen y ve a «Crear» > «Estilo» > «CSS personalizado».
Es posible añadir tus propias imágenes y fuentes subiéndolas para utilizarlas en el CSS personalizado
Plantillas para cambios de estilo habituales
Puedes utilizar los fragmentos de código que aparecen a continuación para crear tu hoja CSS.
Cambiar la familia de fuentes
Todas las fuentes de Google ya están disponibles para los exámenes.
Encabezados
Esto incluye las preguntas.
undefined h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong { font-family: Georgia, serif;}
Texto del cuerpo
Esto incluye las respuestas.
undefined body { font-family: Arial, Helvetica, sans-serif;}Botones
undefined .container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue { font-family: Arial, Helvetica, sans-serif;}
Todo (la misma fuente)
undefined body, h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong,.container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue { font-family: Arial, Helvetica, sans-serif;}
Cambiar el tamaño de la fuente
Encabezados
indefinido h1 { tamaño de fuente: 28px;}h2, caption, .heading_h2, .examquestion>strong { tamaño de fuente: 21px;}h3, .heading_h3 { tamaño de fuente: 16,8px;}h4 { tamaño de fuente: 15,4px;}h5 { tamaño de fuente: 14px;}h6 { tamaño de fuente: 11,2px;}
Texto del cuerpo
sin definir body { tamaño de fuente: 13px;}
Botones
indefinido .container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue { tamaño de fuente: 13px;}
Preguntas
undefined #questioncontainer h1 { tamaño de fuente: 28px;}
Respuestas
undefined .answers label, .answers label span, .answerinput * { tamaño de fuente: 13px;}