È possibile far coincidere l'esame con l'aspetto del proprio sito web/marchio, aggiungere il proprio logo e un'immagine di sfondo e molto altro ancora!
Nella scheda Styling dell'esame sono disponibili numerose opzioni per migliorare l'aspetto dell'esame e adattarlo allo stile aziendale o personale. Vediamole:
Tema
Qui è presente un elenco a discesa con opzioni tra cui scegliere:
Leggero: Il colore dello sfondo sarà vicino al bianco:
Scuro: renderà lo sfondo un po' nero e grigiastro:
Sfondo fotografico scuro: Questa opzione consente di aggiungere la propria foto di sfondo con il proprio logo e tutto il resto. È possibile aggiungere l'immagine di sfondo nella sezione Immagini, che aprirà un campo di caricamento apposito:
Date un'occhiata all'Esame con un'immagine di sfondo (che sarà leggermente scurita per far risaltare le vostre domande):
Minimalista: Lo sfondo sarà completamente bianco (la sezione delle domande non risalterà):
Tipografia
Qui è possibile modificare il tipo e la dimensione del carattere della domanda, il tipo e la dimensione del carattere della risposta e l'allineamento della domanda. È possibile scegliere tra i font sicuri per il web e tutti i font di Google:
Colori
Qui è possibile modificare il colore dello sfondo, del testo e degli elementi dell'interfaccia (e farli corrispondere al proprio marchio).
Pulsanti
Qui è possibile modificare il colore dei pulsanti, come il pulsante di avvio del test:
Esempio:
Immagini
Qui è possibile aggiungere il proprio logo e un'immagine di sfondo personalizzata, se si è selezionata questa opzione in Tema (come spiegato sopra).
CSS personalizzato
Con il piano Advanced, potete personalizzare il CSS del vostro Esame direttamente dalla scheda CSS personalizzato.
Nella scheda File manager, potete anche caricare i vostri font e immagini da utilizzare nel foglio di stile CSS (consultate questo articolo.
A seconda delle vostre competenze in materia di CSS, potete apportare molte modifiche all'interfaccia dei vostri test. Abbiamo avuto clienti che hanno cambiato l'aspetto della barra del timer, aggiunto transizioni animate e appariscenti e fatto altre cose fantastiche con i CSS personalizzati.
Per darvi un esempio, questo è il link a un Esame che è stato appena stilizzato con le impostazioni disponibili nella Dashboard: https: //www.onlineexambuilder.com/ocean-sailor/exam-70792
E questo è lo stesso Esame, ma ora con lo styling CSS personalizzato: https: //www.onlineexambuilder.com/ocean-sailor-css/exam-93757
Tutte le modifiche apportate nella scheda Styling saranno applicate all'esame da quel momento in poi, anche se si tratta di un esame esistente o se è incorporato in un sito web.