Plan Advanced umożliwia edycję CSS Egzaminów.
Możesz chcieć zmienić czcionki, kolory, kształty przycisków i tło Egzaminów utworzonych za pomocą Easy LMS. Jednym ze sposobów na to jest dostosowanie ustawień na karcie Styling, ale możesz chcieć wprowadzić jeszcze więcej zmian niż te bezpośrednio dostępne.
Dostęp do kaskadowych arkuszy stylów (CSS) umożliwia zmianę sposobu prezentacji treści online. Jeśli nie wiesz, jak korzystać z CSS lub masz plan Basic, musisz skorzystać z opcji dostępnych dla Stylizacji Basic.
Zapoznaj się z opcjami stylizacji Egzaminów, aby poznać dostępne opcje.
Jak dodać CSS do Egzaminu
Możesz edytować CSS swojego Egzaminu bezpośrednio ze swojego konta.
Wybierz Egzamin i przejdź do Utwórz > Stylizacja > Własny CSS.
Możesz dodać swoje obrazy i czcionki, przesyłając obrazy i czcionki do niestandardowego CSS.
Szablony dla typowych zmian stylizacji
Możesz użyć poniższych fragmentów kodu, aby utworzyć swój arkusz CSS.
Zmiana rodziny czcionek
Wszystkie czcionki Google są teraz dostępne dla Egzaminów.
Nagłówki
Obejmuje to pytania.
undefined h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong { font-family: Georgia, serif;}
Treść
Zawiera 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)
undefined 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 treści
undefined body { font-size: 13px;}
Przyciski
undefined .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;}