W ramach planu Advanced można edytować kod CSS swoich egzaminów.
Jednym ze sposobów jest dostosowanie ustawień w zakładce Stylizacja, ale być może zechcesz wprowadzić jeszcze więcej zmian niż te bezpośrednio dostępne.
Dostęp do arkuszy stylów kaskadowych (CSS) pozwala zmienić sposób prezentacji treści online. Jeśli nie wiesz, jak korzystać z CSS, lub korzystasz z Basic planu, musisz używać opcji dostępnych w sekcji Stylizacja podstawowa.
Zapoznaj się z Opcje stylizacji egzaminów, aby dowiedzieć się więcej o dostępnych opcjach.
Jak dodać CSS do egzaminu
Możesz edytować CSS swojego egzaminu bezpośrednio ze swojego konta.
Wybierz swój egzamin i przejdź do Utwórz > Stylizacja > Niestandardowy kod CSS.
Możesz dodać własne obrazy i czcionki, przesyłając je do wykorzystania w niestandardowym arkuszu CSS
Szablony do typowych zmian stylów
Możesz skorzystać z poniższych fragmentów kodu, aby utworzyć swój arkusz CSS.
Zmiana rodziny czcionek
Wszystkie czcionki Google są teraz dostępne w Egzaminach.
Nagłówki
Dotyczy to również pytań.
undefined h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong { font-family: Georgia, serif;}
Tekst główny
Obejmuje to odpowiedzi.
undefined body { font-family: Arial, Helvetica, sans-serif;}Przyciski
undefined .container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue { font-family: Arial, Helvetica, sans-serif;}
Wszystko (ta sama czcionka)
niezdefiniowane body, h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong,.container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue { font-family: Arial, Helvetica, sans-serif;}
Zmiana rozmiaru czcionki
Nagłówki
undefined h1 { font-size: 28px;}h2, caption, .heading_h2, .examquestion>strong { font-size: 21px;}h3, .heading_h3 { font-size: 16,8px;}h4 { font-size: 15,4px;}h5 { font-size: 14px;}h6 { font-size: 11,2px;}
Tekst główny
undefined body { font-size: 13px;}
Przyciski
niezdefiniowane .container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue { font-size: 13px;}
Pytania
undefined #questioncontainer h1 { font-size: 28px;}
Odpowiedzi
undefined .answers label, .answers label span, .answerinput * { font-size: 13px;}