Puede hacer que su examen coincida con el aspecto de su sitio web/marca, añadir su propio logotipo y una imagen de fondo, ¡y mucho más!
En la pestaña Styling de tu examen, puedes ver un montón de opciones para hacer que tu examen se vea aún mejor y coincida con el estilo de tu empresa o personal. Echémosles un vistazo:
Tema
Aquí puedes ver una lista desplegable con opciones para elegir:
Claro: Claro: Esto hará que tu fondo sea de un color cercano al blanco:
Oscuro: Que hará tu fondo algo negro y grisáceo:
Fondo de foto oscuro: Esa opción te permite añadir tu propia foto de fondo con tu logo y todo. Puedes añadir tu imagen de fondo en la sección Imágenes, que abrirá un campo de carga sólo para eso:
Echa un vistazo al Examen con imagen de fondo (que se oscurecerá un poco para que tus preguntas destaquen):
Minimalista: El fondo se cambiará a blanco (la sección de preguntas no destacará):
Tipografía
Aquí puedes cambiar el tipo y tamaño de la fuente de la pregunta, el tipo y tamaño de la fuente de la respuesta y la alineación de la pregunta. Puedes elegir entre fuentes web seguras y todas las fuentes de Google:
Colores
Cambia aquí el color del fondo, del texto y de los elementos de la interfaz (y haz que coincidan con tu marca).
Botones
Aquí puedes cambiar el color de los botones, como el botón de inicio de tu test:
Ejemplo:
Imágenes
Aquí puede añadir su propio logotipo y una imagen de fondo personalizada, si ha seleccionado esa opción en Tema (como se explica más arriba).
CSS personalizado
Con el plan Advanced, puede personalizar el CSS de su Examen directamente desde la pestaña Custom CSS.
En la pestaña Administrador de archivos, también puede cargar sus propias fuentes e imágenes para utilizarlas en la hoja de estilos CSS (consulte este artículo.
Dependiendo de sus habilidades CSS, hay un montón de cambios que puede hacer a la interfaz de sus exámenes. Hemos tenido clientes que han cambiado el aspecto de la barra del temporizador, han añadido transiciones animadas y llamativas, y han hecho otras cosas geniales con CSS personalizado.
Sólo para darle un ejemplo, este es el enlace a un Examen que acaba de ser estilizado con las configuraciones disponibles en el Tablero: https: //www.onlineexambuilder.com/ocean-sailor/exam-70792
Y este es el mismo Examen, pero ahora con estilo CSS personalizado: https: //www.onlineexambuilder.com/ocean-sailor-css/exam-93757
Todos los cambios realizados en la pestaña Estilo se aplicarán a su Examen a partir de ese momento, incluso si se trata de uno existente o si está incrustado en un sitio web.