Ir al contenido principal

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

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

Con el plan Advanced, es posible editar el CSS de tus exámenes.

Una forma de hacerlo es ajustando la configuración en la pestaña Estilo, pero es posible que quieras realizar cambios adicionales a 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 Opciones de estilo para exámenes para conocer las opciones.

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 de 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

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

body sin definir {  font-size: 13px;}

  • Botones

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

  • Preguntas

indefinido #questioncontainer h1 {  tamaño de fuente: 28px;}

  • Respuestas

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