Vous pouvez faire correspondre votre examen à l'apparence de votre site web/marque, ajouter votre propre logo et une image de fond, et bien plus encore !
Dans l'onglet Style de votre examen, vous trouverez de nombreuses options qui vous permettront d'améliorer l'aspect de votre examen et de le faire correspondre au style de votre entreprise ou à votre style personnel. Jetons-y un coup d'œil :
Thème
Ici, vous pouvez voir une liste déroulante avec des options à choisir :
Léger : La couleur de l'arrière-plan sera proche du blanc :
Sombre : votre arrière-plan sera quelque peu noir et grisâtre :
Fond photo foncé : Cette option vous permet d'ajouter votre propre photo d'arrière-plan avec votre logo et tout le reste. Vous pouvez ajouter votre image d'arrière-plan dans la section Images, qui ouvrira un champ de téléchargement prévu à cet effet :
Jetez un coup d'œil à l'Examen avec une image de fond (qui sera un peu assombrie pour que vos questions puissent ressortir) :
Minimaliste : Votre arrière-plan sera entièrement blanc (la "section" des questions n'en ressortira pas) :
Typographie
Vous pouvez ici modifier le type et la taille de la police de la question, le type et la taille de la police de la réponse et l'alignement de la question. Vous pouvez choisir entre des polices sûres pour le web et toutes les polices Google :
Couleurs
Modifiez ici la couleur de l'arrière-plan, du texte et des éléments de l'interface (et faites en sorte qu'elle corresponde à votre marque).
Boutons
Vous pouvez ici modifier la couleur des boutons, comme le bouton de démarrage de votre test :
Exemple :
Images
Vous pouvez ajouter ici votre propre logo et une image d'arrière-plan personnalisée - si vous avez sélectionné cette option sous Thème (comme expliqué ci-dessus).
CSS personnalisé
Avec le plan Advanced, vous pouvez personnaliser le CSS de votre Examen directement à partir de l'onglet CSS personnalisé.
Dans l'onglet Gestionnaire de fichiers, vous pouvez également télécharger vos propres polices et images pour les utiliser dans la feuille de style CSS (voir cet article).
En fonction de vos compétences en matière de CSS, vous pouvez apporter de nombreuses modifications à l'interface de vos tests. Nous avons eu des clients qui ont changé l'apparence de la barre de minutage, ajouté des transitions animées et flashy, et fait d'autres choses géniales avec des CSS personnalisés.
Pour vous donner un exemple, voici le lien vers un Examen qui vient d'être stylisé avec les paramètres disponibles dans le tableau de bord : https://www.onlineexambuilder.com/ocean-sailor/exam-70792
Et voici le même Examen, mais avec un style CSS personnalisé : https://www.onlineexambuilder.com/ocean-sailor-css/exam-93757
Tous les changements effectués dans l'onglet Style seront appliqués à votre examen à partir de ce moment-là, même s'il s'agit d'un examen existant ou s'il est intégré à un site web.