7.2.2.3.1 Bereichshervorhebungen

Hint-Box (❗)[]

Code

<div class="hint-box">
<h4>…</h4>
<p>…</p>
</div>

Info-Box (ℹ)[]

Code

<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>

Link-Box (🔗)[]

Code

<div class="link-box">
<h4>…</h4>
<p>…</p>
</div>

Important-Box (🚩)[]

Code

<div class="important-box">
<h4>…</h4>
<p>…</p>
</div>

Excercise-Box (🖊)[]

Code

<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>

alte Hervorhebungen im mooin 1.0 Kursdesign[]

Diese funktionieren immer noch, mit dem neuen Kursdesign wurden aber die neuen Bereichshervorhebungen definiert (s.o.).

Aufgabe[]

Abb. : Bereichshervorhebung für Aufgaben

Code

<div class="task-blue"><h4>Überschrift</h4><p>Text</p></div>

Bibliothek/Links[]

Abb. : Bereichshervorhebung für Literaturquellen etc.

Code

<div class="book-grey"><h4>Überschrift</h4><p>Text</p></div>

Externer Link[]

Abb. : Bereichshervorhebung für Links

Code

<div class="link-pink"><h4>Überschrift</h4><p>Text</p></div>

Termin[]

Abb. : Bereichshervorhebung für Termine

Code

<div class="cal-green"><h4>Überschrift</h4><p>Text</p></div>

Frage[]

Abb. : Bereichshervorhebung für Fragen

Code

<div class="quest-orange"><h4>Überschrift</h4><p>Text</p></div>

Beispiel[]

Abb. : Bereichshervorhebung für Beispiele

Code

<div class="example-green"><h4>Überschrift</h4><p>Text</p></div>

Vertiefung[]

Abb. : Bereichshervorhebung für Vertiefungen

Code

<div class="watch-turquoise"><h4>Überschrift</h4><p>Text</p></div>

Zitate[]

Abb. : Bereichshervorhebung für Zitate

Code

<div class="zitat-blue"><h4>Überschrift</h4><p>Text</p></div>

Gesetze und Paragraphen[]

Abb. : Bereichshervorhebung für Paragrafen

Code

<div class="paragraph-blue"><h4>Überschrift</h4><p>Text</p></div>

Quiz[]

Abb. : Bereichshervorhebung für Quiz

Code

<div class="quiz-green"><h4>Überschrift</h4><p>Text</p></div>

Wichtig/Hinweis/Idee[]

Abb. : Bereichshervorhebung für wichtige Aussagen

Code

<div class="important-purple"><h4>Überschrift</h4><p>Text</p></div>

Download[]

Abb. : Bereichshervorhebung für Downloads

Code

<div class="download-blue"><h4>Überschrift</h4><p>Text</p></div>

Bezahlen[]

Abb. : Bereichshervorhebung für kostenpflichtige Angebote

Code

<div class="pay-green"><h4>Überschrift</h4><p>Text</p></div>

Forum[]

Abb. : Bereichshervorhebung für Forenaufgaben

Code

<div class="forum-blue"><h4>Überschrift</h4><p>Text</p></div>

Zertifikat[]

Abb. : Bereichshervorhebung für Zertifikate

Code

<div class="certificate-yellow"><h4>Überschrift</h4><p>Text</p></div>

Online-Lernmaterial[]

Abb. : Bereichskennzeichnung für Lernmaterial

Code

<div class="education-orange"><h4>Überschrift</h4><p>Text</p></div>

Verlinkte Datei[]

Abb. : Bereichskennzeichnung für Dokumente

Code

<div class="docs-grey"><h4>Überschrift</h4><p>Text</p></div>

Formel[]

Abb. : Bereichskennzeichnung für Formeln

Code

<div class="math-blue"><h4>Überschrift</h4><p>Text</p></div>