Passer au contenu principal

Comment puis-je personnaliser le CSS des examens ?

🩉 Personnaliser le CSS ✓ Ajouter un logo, une image d'arriùre-plan, modifier les polices ✓ Formations

Avec la formule « Advanced », vous pouvez modifier le code CSS de vos examens.

Vous souhaiterez peut-ĂȘtre modifier les polices, les couleurs, la forme des boutons et l'arriĂšre-plan de vos examens créés avec Easy LMS. Pour ce faire, vous pouvez notamment ajuster les paramĂštres de l'onglet « Styling », mais vous souhaiterez peut-ĂȘtre apporter des modifications allant au-delĂ  de celles directement disponibles.

L'accÚs aux feuilles de style en cascade (CSS) vous permet de modifier la présentation du contenu en ligne. Si vous ne savez pas utiliser le CSS ou si vous disposez d'un Basic abonnement, vous devrez utiliser les options disponibles dans la section « Style de base ».

Consultez la section « Options de mise en forme des examens » pour en savoir plus sur ces options.

Comment ajouter du CSS Ă  un examen

Vous pouvez modifier le CSS de votre examen directement depuis votre compte.

Sélectionnez votre examen, puis accédez à Créer > Mise en forme > CSS personnalisé.

Il est possible d’ajouter vos images et polices en les tĂ©lĂ©chargeant pour les utiliser dans le CSS personnalisĂ©

ModĂšles pour les modifications de mise en forme courantes

Vous pouvez utiliser les extraits de code ci-dessous pour créer votre feuille CSS.

Modification de la famille de polices

Toutes les polices Google sont désormais disponibles pour les examens.

  • Titres

Cela inclut les questions.

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

  • Corps du texte

Cela inclut les réponses.

undefined body {  font-family: Arial, Helvetica, sans-serif;}
  • Boutons

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

  • Tout (mĂȘme police)

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

Modification de la taille de la police

  • Titres

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

  • Corps du texte

non défini body {  font-size: 13px;}

  • Boutons

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

  • Questions

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

  • RĂ©ponses

undefined .answers label, .answers label span, .answerinput * {  font-size: 13px;}
Avez-vous trouvé la réponse à votre question ?