Universität Bielefeld

© Universität Bielefeld

Listen

Pfeil-Listen

  • Dies ist beispielhaft eine Liste mit Pfeil-Aufzählungszeichen
  • Den Abstand zum linken Rand können Sie mit den 3 Margin-Klassen (margin-l10, margin-l20 oder margin-l30) bestimmen
  • Die Farbe der Pfeile entspricht der Farbe der Fakultät oder Einrichtung, welche in der Config-Datei angegeben ist

Code-Schnipsel: Liste mit Links

<ul class="pfeil-liste margin-l20">
    <li><a href="">Punkt1</a></li>
    <li><a href="">Punkt2</a></li>
    <li><a href="">Punkt3</a></li>
</ul>

Code-Schnipsel: Liste ohne Links

<ul class="pfeil-liste margin-l20">
    <li>Punkt1</li>
    <li>Punkt2</li>
    <li>Punkt3</li>
</ul>


Dokumenten-Listen

Vorschau

  • Titel des Dokuments
    Beschreibung des Dokumenten-Inhalts
    Link zum Dokument
    Stand: 12.4.2023
  • Dokumenten-Titel
    Ausführlichere Beschreibung des Dokumenten-Inhalts
    Word-Dokument
    Stand: 17.1.2025
  • Überschrift
    Beschreibung des Dokumenten-Inhalts
    PDF-Dokument
    Stand: 21.11.2021

Code-Schnipsel

<ul class="dokumenten-liste feed"><br />

    <li><strong>Titel des Dokuments</strong><br>
    Beschreibung des Dokumenten-Inhalts<br>
    <a href="#"><i class="font-icon small pfeil-rechts2 unigruen"></i> Link zum Dokument</a><br>
    <span class="footer">Stand: 12.4.2023</span></li>

    <li><strong>Dokumenten-Titel</strong><br>
    Ausführlichere Beschreibung des Dokumenten-Inhalts<br>
    <a href="#"><i class="font-icon small pfeil-rechts2 unigruen"></i> Word-Dokument</a><br>
    <span class="footer">Stand: 17.1.2025</span></li>

    <li><strong>Überschrift</strong><br>
    Beschreibung des Dokumenten-Inhalts<br>
    <a href="#"><i class="font-icon small pfeil-rechts2 unigruen"></i> PDF-Dokument</a><br>
    <span class="footer">Stand: 21.11.2021</span></li>

</ul>


Liste mit länglichen, grünen Aufzählungszeichen

Code-Schnipsel:

<div class="contentbox portal-farbe-hell">
    <h2> // Fakultäten </h2>
    <ul class="listen">
        <li><a href="/Universitaet/Einrichtungen/Fakultaeten/Biologie/">Fakultät für Biologie</a></li>
        <li><a href="/chemie/index.html">Fakultät für Chemie</a></li>
        <li> ... </li>
    </ul>
</div>