Passer au contenu principal

Comment puis-je personnaliser le CSS pour les examens ?

🩉 Personnaliser le CSS ✓ Ajouter un logo, une image de fond, changer les polices ✓ Formations

Avec le plan Advanced, il est possible d'éditer le CSS de vos examens.

Vous pouvez vouloir changer les polices, les couleurs, les formes des boutons et l'arriÚre-plan de vos Examens créés avec Easy LMS. Une façon de le faire est d'ajuster les paramÚtres de l'onglet Style, mais vous pouvez vouloir faire encore plus de changements que ceux qui sont 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 les feuilles de style en cascade ou si vous avez un abonnement Basic, vous devez utiliser les options disponibles pour le Stylisme de base.

Consultez les options de style pour les examens pour en savoir plus sur les options.

Comment ajouter une feuille de style CSS Ă  un examen ?

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

Sélectionnez votre Examen et allez dans Créer > Styliser > CSS personnalisé.

Il est possible d'ajouter vos images et vos polices en téléchargeant des images et des polices pour une utilisation CSS personnalisée.

ModĂšles pour les modifications de style les plus courantes

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

Changer la famille de polices

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

  • En-tĂȘtes

Cela inclut les questions.

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

  • Corps du texte

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

  • Texte du corps

undefined 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 ?