Formatierung von Listen

Mittels html und css lässt sich die Liste weiter formatieren. Den nachfolgenden CSS-Schnipsel findest Du in der Dokumentation der Hochschulblibliographie und dient als Ausgangspunkt für eigene Anpassungen.

Hier einmal der ganze in HTML einzufügende Code incl. dem auf https://bibliographie.ub.rub.de/publist/generator generiertem HTML-Code für das Bsp. Prof. Peter Eichelsbacher.

Also einfach den ganzen unten stehenden Codeblock kopieren und ersetzte abschließend die id im Code mit der von Dir erzeugten Schlüssel-ID:
<div data-ub-widget-id="1d7c34a6-0d30-4fdb-8b59-63d6d99feb85" zu
<div data-ub-widget-id="Deine_Erzeugte_ID"

Achtung: Willst Du mehrere Listen, wie hier, auf einer Seite publizieren, so darf das script <script src="https://bibliographie.ub.rub.de/static/js/publig.js"></script> erst nach dem letzten <div data-ub-widget-id="Deine_Erzeugte_ID"</div> stehen. Denke also daran bei späteren Einbetten von weiteren Literaturlisten ggf. die Script-Zeile bei der vorherigen Liste zu entfernen. Andernfalls führt dies zu einer Duplizierung der Listen!

HTML-Code:

<style type="text/css">
.ub-widget {color: #003560; font-family: Arial, Helvetica, sans-serif; margin-top: -2.5em;}
.ub-widget a {color: #003560; font-weight: bold; }
.ub-widget h1 {font-size: 150%; }
.ub-widget h2 {font-size: 120%; color: #8dae10; text-transform: uppercase;  font-weight: bold; margin-top: -2em; }
.ub-widget h3 {padding: 0.5em; border-bottom: 2px solid #8dae25; background-color: #e6e6e6;
font-size: 100%; margin-top: 0.7em; }
.ub-widget h4 {padding: 0.2em; padding-left: 0.5em; border-bottom: 2px solid #8dae25; background-color: #fff; font-size: 100%; color: #707070; font-weight: bold; margin-bottom: 0.7em; margin-top: 0.7em;}
.linked-csl-entry {}
.csl-toc {}
.csl-bib-body {margin-bottom: 1em;}
.csl-entry {margin-top: 0.5em; margin-bottom: 0em; margin-left: 0.5em;}
.csl-left-margin {display: inline; font-weight: bold; color: #707070;}
.csl-right-inline {display: inline; margin-left: 1em;}
.ext-bib-links {margin-top: -0.5em; margin-left: 0.5em;}
.ub-widget li + li::before {content: " ";}
.ub-widget ul li {display: inline; margin-left: 0em; line-height: 200% }
.ub-widget ul li a {background-color: #003560; color: #fff; padding: 0.25em 0.5em; text-decoration: none; }
.ub-widget ul {margin-left: -2.5em; font-size: 100%; margin-bottom: 0em;}
.toc_return {margin-top: 0em; font-size: 100%; border-bottom: 2px solid; }
</style>

<div data-ub-widget-id="abf62cee-3e5c-4e83-ae22-b1930cd9a8b5"
  data-ub-widget-config='{
    "scrollBehavior": "smooth",
    "accordion": {
      "active": true
    },
    "pageOffsetTop": 145,
    "pageOffsetTopRefElemId": "afterFixedHeaderElementID"
  }'>
</div>
<script src="https://bibliographie.ub.rub.de/static/js/publig.js"></script>

Dieses Layout s.u. kann sich doch schon mal sehen lassen.
Weiter unten zeige ich dann noch eine, wie ich finde, übersichtlichere  Liste im Accordion Layout nach Jahr.

Während wir in der obigen Liste auf der Seite der Bibliographie unter Gruppieren & Inhaltsverzeichnis das Inhaltsverzeichnis, Nach Erscheinungsjahren gruppieren und Nach Publikationstypen gruppieren ausgewählt haben, verzichten wir wir für diese Liste auf den Punkt Nach Publikationstypen gruppieren  und speichern sie unter einem anderem Namen und ID ab.

Also einfach den ganzen unten stehenden Codeblock kopieren und ersetzte abschließend die id im Code mit der von Dir erzeugten Schlüssel-ID:
<div  data-ub-widget-id="1ccf5492-7a23-4a54-a8bc-7f072bd060d7" zu
<div data-ub-widget-id="Deine_Erzeugte_ID"

HTML-Code:

<style type="text/css">
.ub-widget {color: #003560; font-family: Arial, Helvetica, sans-serif; margin-top: -2.5em;}
.ub-widget a {color: #003560; font-weight: bold; }
.ub-widget h1 {font-size: 150%; }
.ub-widget h2 {font-size: 120%; color: #8dae10; text-transform: uppercase;  font-weight: bold; margin-top: -2em; }
.ub-widget h4 {padding: 0.2em; padding-left: 0.5em; border-bottom: 2px solid #8dae25; background-color: #e6e6e6; font-size: 100%; color: #003560; font-weight: bold; margin-bottom: 0.7em; margin-top: 0.7em;}
.linked-csl-entry {}
.csl-toc {}
.csl-bib-body {margin-bottom: 2em;}
.csl-entry {margin-top: 1em; margin-bottom: 0em; margin-left: 0.5em;}
.csl-left-margin {display: inline; font-weight: bold; color: #707070;}
.csl-right-inline {display: inline; margin-left: 1em;}
.ext-bib-links {margin-top: -0.5em; margin-left: 0.5em}
.ub-widget li + li::before {content: " ";}
.ub-widget ul li {display: inline; margin-left: 0em; line-height: 200% }
.ub-widget ul li a {background-color: #003560; color: #fff; padding: 0.25em 0.5em; text-decoration: none; }
.ub-widget ul {margin-left: -2.5em; font-size: 100%; margin-bottom: 0em;}
.toc_return {margin-top: -0.5em; font-size: 100%; border-bottom: 2px solid; }
</style>

<div  data-ub-widget-id="1ccf5492-7a23-4a54-a8bc-7f072bd060d7"
  data-ub-widget-config='{
    "scrollBehavior": "smooth",
    "accordion": {
      "active": true
    },
    "pageOffsetTop": 145,
    "pageOffsetTopRefElemId": "afterFixedHeaderElementID"
  }'>
</div>
<script src="https://bibliographie.ub.rub.de/static/js/publig.js"></script>