|
|
| Zeile 56: |
Zeile 56: |
|
| |
|
| <loop_area type="websource">[https://icons.getbootstrap.com/ zur Icon-Übersicht in Booststrap (CSS-Code)]</loop_area> | | <loop_area type="websource">[https://icons.getbootstrap.com/ zur Icon-Übersicht in Booststrap (CSS-Code)]</loop_area> |
|
| |
| == Übersicht zur Überführung ==
| |
| <loop_area type="important">Dieser Bereich ist noch Diskussionsgrundlage und noch keine finale Empfehlung</loop_area>
| |
|
| |
| Bei der Umstellung von Kursformaten können auch weiterhin die Bereichshervorhebungen des alten Kursdesigns verwendet werden. Sollen die neuen Bereichshervorhebungen verwendet werden, schlagen wir folgende Umformatierung vor:
| |
|
| |
| {| class="wikitable"
| |
| |-
| |
| ! Altes Kursdesign
| |
| ! Neues Kursdesign
| |
| ! Code
| |
| |-
| |
| | important-purple
| |
| | hint-box
| |
| | <source lang="xml">
| |
| <div class="hint-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | link-pink
| |
| | link-box
| |
| | <source lang="xml">
| |
| <div class="link-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | task-blue
| |
| | exercise-box
| |
| | <source lang="xml">
| |
| <div class="exercise-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | book-grey
| |
| | info-box
| |
| | <source lang="xml">
| |
| <div class="info-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | cal-green
| |
| | info-box
| |
| | <source lang="xml">
| |
| <div class="info-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | quest-orange
| |
| | custom-icon-box
| |
| | <source lang="xml">
| |
| <div class="custom-icon-box"
| |
| style="--color: #D67E7A; --icon: '\F64E';">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | example-green
| |
| | info-box
| |
| | <source lang="xml">
| |
| <div class="info-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | watch-turquoise
| |
| | info-box
| |
| | <source lang="xml">
| |
| <div class="info-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | zitat-blue
| |
| | custom-icon-box
| |
| | <source lang="xml">
| |
| <div class="custom-icon-box"
| |
| style="--color: #6688A6; --icon: '\F6B0';">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | paragraph-blue
| |
| | custom-icon-box
| |
| | <source lang="xml">
| |
| <div class="custom-icon-box"
| |
| style="--color: #6688A6; --icon: '\F6B0';">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | quiz-green
| |
| | exercise-box
| |
| | <source lang="xml">
| |
| <div class="exercise-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | download-blue
| |
| | link-box
| |
| | <source lang="xml">
| |
| <div class="link-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | pay-green
| |
| | info-box
| |
| | <source lang="xml">
| |
| <div class="info-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | forum-blue
| |
| | exercise-box
| |
| | <source lang="xml">
| |
| <div class="exercise-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | certificate-yellow
| |
| | info-box
| |
| | <source lang="xml">
| |
| <div class="info-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | education-orange
| |
| | info-box
| |
| | <source lang="xml">
| |
| <div class="info-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | docs-grey
| |
| | info-box
| |
| | <source lang="xml">
| |
| <div class="info-box">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| | math-blue
| |
| | custom-icon-box
| |
| | <source lang="xml">
| |
| <div class="custom-icon-box"
| |
| style="--color: #6688A6; --icon: '\F1E0';">
| |
| <h4>…</h4>
| |
| <p>…</p>
| |
| </div>
| |
| </source>
| |
| |-
| |
| |}
| |