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.