7.2.2.3.1 Bereichshervorhebungen

[gesichtete Version][gesichtete Version]
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 61: Zeile 61:
=== Beispiele für Custom Boxes ===
=== Beispiele für Custom Boxes ===
<loop_figure title="Bereichshervorhebung für Aufgaben" index="true" id="65dda4866bef2">[[Datei:Custom-boxes.png|500px|links|Beispiele für Custom-Boxes]]</loop_figure>
<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 ====
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml">
<source lang="xml">
Zeile 70: Zeile 70:
</source>  
</source>  
</loop_area>
</loop_area>
==== Quotes ====
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml">
<source lang="xml">
Zeile 78: Zeile 79:
</source>  
</source>  
</loop_area>
</loop_area>
==== Literature ====
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml">
<source lang="xml">
Zeile 86: Zeile 88:
</source>  
</source>  
</loop_area>
</loop_area>
==== Math ====
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml">
<source lang="xml">
Zeile 91: Zeile 94:
     <h4>Überschrift</h4>
     <h4>Überschrift</h4>
     <p>class="custom-icon-box" style="--color: #6688A6; --icon: '\F1E0';"</p>
     <p>class="custom-icon-box" style="--color: #6688A6; --icon: '\F1E0';"</p>
</div>
</source>
</loop_area>
==== OER ====
<loop_area type="sourcecode">
<source lang="xml">
<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>
</div>
</source>  
</source>  
</loop_area>
</loop_area>

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

Boxes.png

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>

Beispiele für Custom Boxes[]

Beispiele für Custom-Boxes

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>