Zum Hauptinhalt springen

Wie kann ich das CSS für Prüfungen anpassen?

🦉 CSS anpassen ✓ Logo und Hintergrundbild hinzufügen, Schriftarten ändern ✓ Kurse

Mit dem Advanced-Tarif können Sie das CSS Ihrer Prüfungen bearbeiten.

Möglicherweise möchten Sie die Schriftarten, Farben, Formen der Schaltflächen und den Hintergrund Ihrer mit Easy LMS erstellten Prüfungen ändern. Eine Möglichkeit hierfür ist die Anpassung der Einstellungen auf der Registerkarte „Styling“, aber vielleicht möchten Sie noch weitere Änderungen vornehmen, die über die direkt verfügbaren Optionen hinausgehen.

Der Zugriff auf die Cascading Style Sheets (CSS) ermöglicht es Ihnen, die Darstellung von Online-Inhalten anzupassen. Wenn Sie nicht wissen, wie man CSS verwendet, oder einen Basic Plan haben, müssen Sie die für die „Grundlegende Gestaltung“ verfügbaren Optionen nutzen.

Informiere dich unter „Gestaltungsoptionen für Prüfungen “ über die verfügbaren Möglichkeiten.

So fügen Sie CSS zu einer Prüfung hinzu

Sie können das CSS Ihrer Prüfung direkt über Ihr Konto bearbeiten.

Wählen Sie Ihre Prüfung aus und gehen Sie zu „Erstellen“ > „Gestaltung“ > „Benutzerdefiniertes CSS“.

Sie können Ihre eigenen Bilder und Schriftarten hinzufügen, indem Sie diese für die Verwendung im benutzerdefinierten CSS hochladen

Vorlagen für gängige Designanpassungen

Sie können die folgenden Code-Schnipsel verwenden, um Ihr CSS-Stylesheet zu erstellen.

Ändern der Schriftfamilie

Alle Google-Schriftarten stehen nun für Prüfungen zur Verfügung.

  • Überschriften

Dies gilt auch für die Fragen.

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

  • Lauftext

Dies umfasst die Antworten.

undefined body {  font-family: Arial, Helvetica, sans-serif;}
  • Schaltflächen

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

  • Alles (gleiche Schriftart)

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

Ändern der Schriftgröße

  • Überschriften

undefined h1 {  Schriftgröße: 28px;}h2, caption, .heading_h2, .examquestion>strong {  Schriftgröße: 21px;}h3, .heading_h3 {  font-size: 16,8px;}h4 {  font-size: 15,4px;}h5 {  font-size: 14px;}h6 {  font-size: 11,2px;}

  • Lauftext

undefined body {  Schriftgröße: 13px;}

  • Schaltflächen

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

  • Fragen

undefined #questioncontainer h1 {  Schriftgröße: 28px;}

  • Antworten

undefined .answers label, .answers label span, .answerinput * {  font-size: 13px;}
Hat dies deine Frage beantwortet?