Passar para o conteúdo principal

Como é que posso personalizar o CSS para as provas?

🦉 Personalizar o CSS ✓ Adicionar um logótipo, imagem de fundo, alterar tipos de letra ✓ Cursos

Com o plano Advanced, é possível editar o CSS das suas Provas.

Pode querer alterar as fontes, cores, formas dos botões e fundo das suas Provas criadas com o Easy LMS. Uma forma de o fazer é ajustando as definições no separador Styling, mas pode querer fazer ainda mais alterações do que as diretamente disponíveis.

O acesso às folhas de estilo em cascata (CSS) permite-lhe alterar a forma como o conteúdo online é apresentado. Se não souber utilizar CSS ou tiver um Plano Basic, tem de utilizar as opções disponíveis para o Estilo básico.

Consulte Opções de estilo para Provas para saber mais sobre as opções.

Como adicionar CSS a uma Prova

Pode editar o CSS da sua Prova diretamente a partir da sua conta.

Selecione sua Prova e vá para Criar > Estilo > CSS personalizado.

É possível adicionar suas imagens e fontes fazendo upload de imagens e fontes para uso de CSS personalizado

Modelos para alterações comuns de estilo

Pode utilizar os trechos de código abaixo para criar a sua folha CSS.

Alterar a família de fontes

Todos os tipos de letra do Google estão agora disponíveis para Provas.

  • Títulos

Isto inclui as perguntas.

undefined h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong { font-family: Georgia, serif;}

  • Corpo do texto

Inclui as respostas.

undefined body { font-family: Arial, Helvetica, sans-serif;}
  • Botões

undefined .content .button, .container input[type=submit], .container input[type=button], .container button, .container .gameisrunning .continue { font-family: Arial, Helvetica, sans-serif;}

  • Tudo (o mesmo tipo de letra)

undefined body, h1, h2, h3, h4, h5, h6, caption, *[class*=heading_h], .examquestion>strong, .content .button, .content input[type=submit], .content input[type=button], .content button, .content .gameisrunning .continue { font-family: Arial, Helvetica, sans-serif;}

Alterar o tamanho do tipo de letra

  • Títulos

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;}

  • Texto do corpo

undefined body { font-size: 13px;}

  • Botões

undefined .content .button, .content input[type=submit], .content input[type=button], .content button, .content .gameisrunning .continue { font-size: 13px;}

  • Perguntas

undefined #questioncontainer h1 { font-size: 28px;}

  • Respostas

undefined .answers label, .answers label span, .answerinput * { font-size: 13px;}
Respondeu à sua pergunta?