Ir al contenido principal

¿Cómo puedo personalizar el CSS para los exámenes?

🦉 Personalizar el CSS ✓ Añadir un logotipo, imagen de fondo, cambiar fuentes ✓ Cursos

Con el plan Advanced, es posible editar el CSS de sus Exámenes.

Es posible que desee cambiar las fuentes, los colores, las formas de los botones y el fondo de sus Exámenes creados con Easy LMS. Una forma de hacerlo es ajustando la configuración en la pestaña Estilos, pero es posible que desee hacer aún más cambios que los directamente disponibles.

El acceso a las hojas de estilo en cascada (CSS) le permite cambiar la forma en que se presenta el contenido en línea. Si no sabe utilizar CSS o tiene un Basic plan, deberá utilizar las opciones disponibles para Basic Styling.

Consulte las opciones de Estilización para Exámenes para conocer las opciones.

Cómo añadir CSS a un Examen

Puede editar el CSS de su Examen directamente desde su cuenta.

Seleccione su Examen y vaya a Crear > Estilos > CSS personalizado.

Es posible agregar sus imágenes y fuentes subiendo imágenes y fuentes para uso de CSS personalizado

Plantillas para cambios de estilo comunes

Puede utilizar los siguientes fragmentos de código para crear su hoja CSS.

Cambiar la familia de fuentes

Todas las fuentes de Google están ahora 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;}

  • Cuerpo del texto

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

undefined h1 { font-size: 28px;}h2, caption, .heading_h2, .examquestion>strong { font-size: 21px;}h3, .heading_h3 { font-size: 16.8px;}h4 { font-size: 15.4px;}h5 { font-size: 14px;}h6 { font-size: 11.2px;}

  • Texto del cuerpo

undefined body { font-size: 13px;}

  • Botones

undefined .container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue { font-size: 13px;}

  • Preguntas

undefined #questioncontainer h1 { font-size: 28px;}

  • Respuestas

undefined .answers label, .answers label span, .answerinput * { font-size: 13px;}
¿Ha quedado contestada tu pregunta?