Możesz dopasować Egzamin do wyglądu i stylu swojej strony internetowej/marki, dodać własne logo i obraz tła i wiele więcej!
W zakładce Stylizacja Egzaminu możesz zobaczyć wiele opcji, dzięki którym Twój Egzamin będzie wyglądał jeszcze lepiej i będzie pasował do Twojej firmy lub osobistego stylu. Przyjrzyjmy się im:
Motyw
Tutaj możesz zobaczyć listę rozwijaną z opcjami do wyboru:
Jasny: Kolor tła będzie zbliżony do białego:
Ciemny: sprawi, że tło będzie nieco czarne i szarawe:
Ciemne tło zdjęcia: Ta opcja umożliwia dodanie własnego zdjęcia w tle z logo i innymi elementami. Możesz dodać obraz tła w sekcji Obrazy, która otworzy pole przesyłania tylko w tym celu:
Spójrz na Egzamin z obrazem w tle (który zostanie nieco przyciemniony, aby Twoje pytania mogły się wyróżniać):
Minimalistyczny: Tło będzie całkowicie białe (sekcja pytań nie będzie się wyróżniać):
Typografia
Tutaj możesz zmienić typ i rozmiar czcionki pytania, typ i rozmiar czcionki odpowiedzi oraz wyrównanie pytania. Do wyboru są bezpieczne czcionki internetowe i wszystkie czcionki Google:
Kolory
Tutaj 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 rozpoczęcia testu:
Przykład:
Obrazy
Tutaj możesz dodać własne logo i niestandardowy obraz tła - jeśli wybrałeś tę opcję w Theme (jak wyjaśniono powyżej).
Niestandardowy CSS
W planie Advanced możesz dostosować CSS swojego Egzaminu bezpośrednio z zakładki Custom CSS.
Na karcie 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 umiejętności CSS, istnieje wiele zmian, które można wprowadzić do interfejsu testów. Mamy klientów, którzy zmienili wygląd paska timera, dodali animowane przejścia i inne wspaniałe rzeczy za pomocą niestandardowego CSS.
Aby dać ci przykład, oto link do Egzaminu, który został właśnie wystylizowany za pomocą dostępnych ustawień w Dashboard: https: //www.onlineexambuilder.com/ocean-sailor/exam-70792.
A to jest ten sam Egzamin, ale teraz z niestandardową stylizacją CSS: https: //www.onlineexambuilder.com/ocean-sailor-css/exam-93757
Wszystkie zmiany wprowadzone w zakładce Stylizacja zostaną zastosowane do Egzaminu od tego momentu, nawet jeśli jest to istniejący Egzamin lub jest on osadzony na stronie internetowej.