7.2.2.3.1 Bereichshervorhebungen

[gesichtete Version][gesichtete Version]
Keine Bearbeitungszusammenfassung
 
(51 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
<loop_figure title="Bereichshervorhebungen" index="true" id="65dda26178b65">[[Datei:Boxes.png|500px|left]]</loop_figure>
== Hint-Box (❗ in türkis) ==
<loop_area type="sourcecode">
<source lang="xml">
<div class="hint-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
</loop_area>
== Info-Box (ℹ in dunkelblau) ==
<loop_area type="sourcecode">
<loop_area type="sourcecode">
'''Aufgabe'''<source lang="xml"><div class="task-blue"><h4>Überschrift</h4><p>Text</p></div></source>  
<source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
</loop_area>


'''Bibliothek/Links'''
== Link-Box (🔗 in gelb) ==
<source lang="xml"><div class="book-grey"><h4>Überschrift</h4><p>Text</p></div></source>
<loop_area type="sourcecode">
<source lang="xml">
<div class="link-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
</loop_area>
== Important-Box (🚩 in rot) ==
<loop_area type="sourcecode">
<source lang="xml">
<div class="important-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
</loop_area>
== Excercise-Box (🖊 in grün) ==
<loop_area type="sourcecode">
<source lang="xml">
<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
</loop_area>
== Custom-Box ==
<loop_area type="sourcecode">
<source lang="xml">
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
    <h4>Custom Box</h4>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
</source>
</loop_area>


'''Externer Link'''
<loop_area type="websource">[https://icons.getbootstrap.com/ zur Icon-Übersicht in Booststrap (CSS-Code)]</loop_area>
<source lang="xml"><div class="link-pink"><h4>Überschrift</h4><p>Text</p></div></source>


'''Termin'''
=== Beispiele für Custom Boxes ===
<source lang="xml"><div class="cal-green"><h4>Überschrift</h4><p>Text</p></div></source>
<loop_figure title="Bereichshervorhebung für Aufgaben" index="true" id="65dda4866bef2">[[Datei:Custom-boxes.png|500px|links|Beispiele für Custom-Boxes]]</loop_figure>
 
==== Question ====
'''Frage'''
<loop_area type="sourcecode">
<source lang="xml"><div class="quest-orange"><h4>Überschrift</h4><p>Text</p></div>
<source lang="xml">
</source>
<div class="custom-icon-box" style="--color: #D67E7A; --icon: '\F64E';">
 
    <h4>Überschrift</h4>
'''Beispiel'''
    <p>class="custom-icon-box" style="--color: #D67E7A; --icon: '\F64E';"</p>
<source lang="xml"><div class="example-green"><h4>Überschrift</h4><p>Text</p></div>
</div>
</source>
</source>  
 
</loop_area>
'''Watch (bspw. für Vertiefung)'''
==== Quotes ====
<source lang="xml"><div class="watch-turquoise"><h4>Überschrift</h4><p>Text</p></div>
<loop_area type="sourcecode">
</source>
<source lang="xml">
 
<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F6B0';">
'''Zitate'''
    <h4>Überschrift</h4>
<source lang="xml"><div class="zitat-blue"><h4>Überschrift</h4><p>Text</p></div>
    <p>class="custom-icon-box" style="--color: #6688A6; --icon: '\F6B0';"</p>
</source>
</div>
 
</source>  
'''Gesetze und Paragraphen'''
</loop_area>
<source lang="xml"><div class="paragraph-blue"><h4>Überschrift</h4><p>Text</p></div>
==== Literature ====
</source>
<loop_area type="sourcecode">
 
<source lang="xml">
'''Quiz'''
<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F194">
<source lang="xml"><div class="quiz-green"><h4>Überschrift</h4><p>Text</p></div>
    <h4>Überschrift</h4>
</source>
    <p>class="custom-icon-box" style="--color: #6688A6; --icon: '\F194"</p>
 
</div>
'''Wichtig/Hinweis/Idee'''
</source>  
<source lang="xml"><div class="important-purple"><h4>Überschrift</h4><p>Text</p></div>
</loop_area>
</source>
==== Math ====
 
<loop_area type="sourcecode">
'''Download'''
<source lang="xml">
<source lang="xml"><div class="download-blue"><h4>Überschrift</h4><p>Text</p></div></source>
<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F1E0';">
 
    <h4>Überschrift</h4>
'''Bezahlen'''
    <p>class="custom-icon-box" style="--color: #6688A6; --icon: '\F1E0';"</p>
<source lang="xml"><div class="pay-green"><h4>Überschrift</h4><p>Text</p></div></source>
</div>
 
</source>  
'''Browser-Check'''
</loop_area>
<source lang="xml"><div class="browsercheck-blue"><h4>Überschrift</h4><p>
==== OER ====
<a href="http://moodle.oncampus.de/modules/res/de/bc.html"
<loop_area type="sourcecode">
target="_blank">Browsercheck starten</a>.</p></div></source>
<source lang="xml">
 
<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F1E7';">
'''Forum'''
    <h4>Überschrift</h4>
<source lang="xml"><div class="forum-blue"><h4>Überschrift</h4><p>Text</p></div>
    <p>class="custom-icon-box" style="--color: #6688A6; --icon: '\F1E7';"</p>
</source>
</div>
 
</source>  
'''Zertifikat'''
<source lang="xml"><div class="certificate-yellow"><h4>Überschrift</h4><p>Text</p></div></source>
 
'''Online-Lernmaterial'''
<source lang="xml"><div class="education-orange"><h4>Überschrift</h4><p>Text</p></div></source>
 
'''Verlinkte Datei'''
<source lang="xml"><div class="docs-grey"><h4>Überschrift</h4><p>Text</p></div></source>
 
'''Formel'''
<source lang="xml"><div class="math-blue"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>
</loop_area>

Aktuelle Version vom 5. April 2024, 15:06 Uhr

Boxes.png
 Abb. 38: Bereichshervorhebungen

Hint-Box (❗ in türkis)[]

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

Info-Box (ℹ in dunkelblau)[]

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

Link-Box (🔗 in gelb)[]

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

Important-Box (🚩 in rot)[]

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

Excercise-Box (🖊 in grün)[]

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

Custom-Box[]

Code
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
    <h4>Custom Box</h4>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
Websource

zur Icon-Übersicht in Booststrap (CSS-Code)

Beispiele für Custom Boxes[]

Beispiele für Custom-Boxes
 Abb. 39: Bereichshervorhebung für Aufgaben

Question[]

Code
<div class="custom-icon-box" style="--color: #D67E7A; --icon: '\F64E';">
    <h4>Überschrift</h4>
    <p>class="custom-icon-box" style="--color: #D67E7A; --icon: '\F64E';"</p>
</div>

Quotes[]

Code
<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F6B0';">
    <h4>Überschrift</h4>
    <p>class="custom-icon-box" style="--color: #6688A6; --icon: '\F6B0';"</p>
</div>

Literature[]

Code
<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F194">
    <h4>Überschrift</h4>
    <p>class="custom-icon-box" style="--color: #6688A6; --icon: '\F194"</p>
</div>

Math[]

Code
<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F1E0';">
    <h4>Überschrift</h4>
    <p>class="custom-icon-box" style="--color: #6688A6; --icon: '\F1E0';"</p>
</div>

OER[]

Code
<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F1E7';">
    <h4>Überschrift</h4>
    <p>class="custom-icon-box" style="--color: #6688A6; --icon: '\F1E7';"</p>
</div>

Open Educational Resources

Abgerufen von „https://show.eduloop.de/mediawiki/index.php?title=Bereichshervorhebungen&oldid=1816“