Com o plano Advanced, é possível editar o CSS das suas provas.
Talvez você queira alterar as fontes, cores, formas dos botões e o plano de fundo das suas provas criadas com o Easy LMS. Uma maneira de fazer isso é ajustando as configurações na aba Estilo, mas talvez você queira fazer ainda mais alterações do que as disponíveis diretamente.
O acesso às folhas de estilo em cascata (CSS) permite que você altere a forma como o conteúdo online é apresentado. Se você não souber como usar CSS ou tiver um Plano Basic, precisará usar as opções disponíveis para Estilo Básico.
Confira as opções de estilo para provas para saber mais sobre elas.
Como adicionar CSS a uma prova
Você pode editar o CSS da sua prova diretamente da sua conta.
Selecione sua prova e vá para “Criar” > “Estilo” > “CSS personalizado”.
É possível adicionar suas imagens e fontes fazendo o upload delas para uso no CSS personalizado
Modelos para alterações comuns de estilo
Você pode usar os trechos de código abaixo para criar sua folha de CSS.
Alterando a família de fontes
Todas as fontes do Google agora estão disponíveis para as provas.
Títulos
Isso inclui as questões.
undefined h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong { font-family: Georgia, serif;}
Texto do corpo
Isso inclui as respostas.
undefined body { font-family: Arial, Helvetica, sans-serif;}Botões
indefinido .container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue { font-family: Arial, Helvetica, sans-serif;}
Tudo (a mesma fonte)
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;}
Alterando o tamanho da fonte
Títulos
indefinido h1 { tamanho da fonte: 28px;}h2, legenda, .heading_h2, .examquestion>strong { tamanho da fonte: 21px;}h3, .heading_h3 { font-size: 16,8px;}h4 { font-size: 15,4px;}h5 { font-size: 14px;}h6 { font-size: 11,2px;}
Texto do corpo
indefinido body { font-size: 13px;}
Botões
indefinido .container .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue { font-size: 13px;}
Perguntas
indefinido #questioncontainer h1 { tamanho da fonte: 28px;}
Respostas
indefinido .answers label, .answers label span, .answerinput * { tamanho da fonte: 13px;}