W ramach planu Advanced można edytować kod CSS swoich egzaminów.
Możesz chcieć zmienić czcionki, kolory, kształty przycisków oraz tło egzaminów utworzonych za pomocą Easy LMS. Jednym ze sposobów jest dostosowanie ustawień w zakładce Stylizacja, ale być może zechcesz wprowadzić zmiany wykraczające poza 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 masz plan Basic, musisz skorzystać z opcji dostępnych w sekcji Podstawowe stylizowanie.
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 CSS
Szablony 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
nieokreślone #questioncontainer h1 { font-size: 28px;}
Odpowiedzi
undefined .answers label, .answers label span, .answerinput * { font-size: 13px;}