Naar de hoofdinhoud

Hoe kan ik de CSS voor examens aanpassen?

🦉 De CSS aanpassen ✓ Een logo en achtergrondafbeelding toevoegen, lettertypen wijzigen ✓ Cursussen

Met het Advanced-abonnement kun je de CSS van je examens aanpassen.

Misschien wilt u de lettertypen, kleuren, vormen van knoppen en achtergrond van uw met Easy LMS gemaakte examens aanpassen. Een manier om dit te doen is door de instellingen op het tabblad 'Styling' aan te passen, maar wellicht wilt u nog meer wijzigingen aanbrengen dan direct beschikbaar zijn.

Door toegang te krijgen tot de Cascade Style Sheets (CSS) kun je de manier waarop online content wordt weergegeven aanpassen. Als je niet weet hoe je CSS moet gebruiken of een Basic abonnement hebt, moet je de opties gebruiken die beschikbaar zijn voor 'Basisstyling'.

Bekijk de opmaakopties voor examens voor meer informatie over de beschikbare mogelijkheden.

CSS toevoegen aan een examen

Je kunt de CSS van je examen rechtstreeks vanuit je account bewerken.

Selecteer je examen en ga naar ‘Maken’ > ‘Opmaak’ > ‘Aangepaste CSS’.

U kunt uw afbeeldingen en lettertypen toevoegen door deze te uploaden voor gebruik in aangepaste CSS

Sjablonen voor veelvoorkomende opmaakwijzigingen

Je kunt de onderstaande codefragmenten gebruiken om je CSS-sheet te maken.

De lettertypefamilie wijzigen

Alle Google-lettertypen zijn nu beschikbaar voor examens.

  • Kopteksten

Dit geldt ook voor de vragen.

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

  • Lopende tekst

Dit geldt ook voor de antwoorden.

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

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

  • Alles (hetzelfde lettertype)

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

De lettergrootte wijzigen

  • Koppen

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

  • Hoofdtekst

undefined body {  font-size: 13px;}

  • Knoppen

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

  • Vragen

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

  • Antwoorden

undefined .answers label, .answers label span, .answerinput * {  font-size: 13px;}
Was dit een antwoord op uw vraag?