Zum Hauptinhalt springen

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

🦉 Anpassen des CSS ✓ Hinzufügen eines Logos, Hintergrundbildes, Ändern von Schriftarten ✓ Kurse

Mit dem Advanced Plan ist es möglich, das CSS Ihrer Prüfungen zu bearbeiten.

Vielleicht möchten Sie die Schriftarten, Farben, Schaltflächenformen und den Hintergrund Ihrer mit Easy LMS erstellten Prüfungen ändern. Eine Möglichkeit, dies zu tun, ist die Anpassung der Einstellungen auf der Registerkarte "Styling", aber vielleicht möchten Sie noch mehr Änderungen vornehmen als die direkt verfügbaren.

Der Zugriff auf die Cascade Style Sheets (CSS) ermöglicht es Ihnen, die Art und Weise der Darstellung von Online-Inhalten zu ändern. Wenn Sie keine CSS-Kenntnisse haben oder über einen Basic Plan verfügen, müssen Sie die Optionen für Basic Styling verwenden.

Informieren Sie sich unter Gestaltungsoptionen für Prüfungen über die verschiedenen Möglichkeiten.

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

Sie können das CSS für Ihre Prüfung direkt in Ihrem Konto bearbeiten.

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

Sie können Ihre Bilder und Schriftarten hinzufügen, indem Sie Bilder und Schriftarten für benutzerdefinierte CSS-Verwendung hochladen

Vorlagen für allgemeine Styling-Änderungen

Sie können die nachstehenden Codeschnipsel verwenden, um Ihre CSS-Vorlage zu erstellen.

Ändern der Schriftfamilie

Alle Google-Schriftarten sind jetzt für Prüfungen verfügbar.

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

  • Haupttext

Dazu gehören 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 (die 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 { 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;}

  • Textkörper

undefined body { font-size: 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 { font-size: 28px;}

  • Antworten

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