W ramach planu Advanced można edytować kod CSS swoich egzaminów.
Możesz chcieć zmienić czcionki, kolory, kształty przycisków i tło egzaminów utworzonych w 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 na zmianę sposobu prezentacji treści online. Jeśli nie wiesz, jak korzystać z CSS, lub korzystasz z Basic planu, musisz skorzystać z opcji dostępnych w sekcji „Stylizacja podstawowa”.
Zapoznaj się z opcjami stylizacji egzaminów, aby dowiedzieć się więcej na ten temat.
Jak dodać CSS do egzaminu
Możesz edytować kod CSS swojego egzaminu bezpośrednio ze swojego konta.
Wybierz swój egzamin i przejdź do sekcji „Utwórz” > „Stylizacja” > „Niestandardowy 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
Dotyczy to również odpowiedzi.
undefined body { font-family: Arial, Helvetica, sans-serif;}Przyciski
niezdefiniowane .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 główny
niezdefiniowany 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;}