Możesz dostosować wygląd i styl swojego egzaminu do swojej strony internetowej lub marki, dodać własne logo i obraz tła oraz zrobić wiele więcej!
W zakładce Stylizacja Twojego egzaminu znajdziesz wiele opcji, dzięki którym egzamin będzie wyglądał jeszcze lepiej i będzie pasował do stylu Twojej firmy lub Twojego osobistego stylu. Przyjrzyjmy się im:
Motyw
Tutaj widzisz rozwijaną listę z opcjami do wyboru:
Jasny: Dzięki temu kolor tła będzie zbliżony do bieli:
Ciemny: Spowoduje to, że tło będzie nieco czarne i szarawe:
Ciemne tło zdjęcia: Ta opcja pozwala dodać własne zdjęcie tła wraz z logo i innymi elementami. Możesz dodać obraz tła w sekcji Obrazy, co spowoduje otwarcie pola przeznaczonego właśnie do tego celu:
Zobacz przykładowy egzamin z obrazem w tle (który zostanie nieco przyciemniony, aby pytania były lepiej widoczne):
Minimalistyczny: Tło zostanie zmienione na całkowicie białe (sekcja z pytaniami nie będzie się od niego wyróżniać):
Typografia
W tym miejscu możesz zmienić rodzaj i rozmiar czcionki pytania oraz rodzaju i rozmiar czcionki odpowiedzi, a także wyrównanie pytania. Możesz wybierać spośród czcionek bezpiecznych dla stron internetowych oraz wszystkich czcionek Google:
Kolory
W tym miejscu możesz zmienić kolor tła, tekstu i elementów interfejsu (i dopasować je do swojej marki).
Przyciski
Tutaj możesz zmienić kolor przycisków, takich jak przycisk startu testu:
Przykład:
Obrazy
W tym miejscu możesz dodać własne logo i niestandardowy obraz tła – jeśli wybrałeś tę opcję w sekcji Motyw (jak wyjaśniono powyżej).
Niestandardowy CSS
W ramach planu Advanced możesz dostosować kod CSS swojego egzaminu bezpośrednio z zakładki Niestandardowy CSS.
W zakładce Menedżer plików możesz również przesłać własne czcionki i obrazy do wykorzystania w arkuszu stylów CSS (zapoznaj się z tym artykułem.
W zależności od Twoich umiejętności w zakresie CSS możesz wprowadzić wiele zmian w interfejsie swoich testów. Mieliśmy klientów, którzy zmieniali wygląd paska licznika czasu, dodawali animowane, efektowne przejścia i robili inne świetne rzeczy dzięki niestandardowemu CSS.
Aby podać przykład, oto link do egzaminu, którego styl został właśnie dostosowany za pomocą ustawień dostępnych w panelu nawigacyjnym: https://www.onlineexambuilder.com/ocean-sailor/exam-70792
A oto ten sam egzamin, ale teraz ze stylem CSS dostosowanym indywidualnie: https://www.onlineexambuilder.com/ocean-sailor-css/exam-93757
Wszystkie zmiany wprowadzone w zakładce Stylizacja będą od tej pory stosowane do Twojego egzaminu, nawet jeśli jest to egzamin już istniejący lub osadzony na stronie internetowej.