Das Aussehen von Redmine per CSS anpassen

Wer gerne die Optik von Redmine ändern möchte, kann auch bestehende und fertige Themes zurückgreifen (Redmine Themes) oder aber man nutzt CSS um Redmine an die eigenen Bedürfnisse optisch anzupassen.
Das Plugin nennt sich "Custom CSS" und kann ganz einfach mit einem Klick über das Customer Center installiert werden (Custom CSS Plugin installieren).
Ist das Plugin einmal in Redmine installiert, erreicht man es über die Redmine Adminstration und dort im Bereich Plugins.

Redmine Einstellungen Plugins

In das Custom CSS Textfeld können nun CSS Definitionen eingetragen werden. Eine Umschliessen mit HTML CSS Tags ist nicht notwendig!
Hier nun ein Beispiel, wie man das Redmine Logo im A1 Theme gegen ein eigenes Bild ersetzen kann.

A1tes Redmine Logo

#header > h1 {
  background: url(https://cdn.saas-secure.com/images/star-on-big.png) no-repeat 10px 8px;
  padding-left: 40px;
}
    

Per CSS ersetztes Logo

Wie man sieht ist es ganz einfach. Voraussetzung ist natürlich, dass man sich mit CSS auskennt.
Mit einem kleinen Kniff, lässt sich über das Eingabefeld auch Javascript Code einschleusen.

#header > h1 {
    background: url(https://cdn.saas-secure.com/images/star-on-big.png) no-repeat 10px 8px;
    padding-left: 40px;
}
</style>

<script type="text/javascript">
    alert('hello world');
</script>
<style type="text/css">
    

Nun wird man bei jedem Seitenaufruf mit der Nachricht "hello world" begrüßt.
Das importieren externen CSS Dateien ist natürlich auch möglich. So spart man sich die Arbeit der Anpassung in dem Textfeld und kann mit seinem Lieblingseditor das CSS erstellen.

/* Beispiel */
@import url('https://storage.googleapis.com/code.getmdl.io/1.3.0/material.indigo-blue.min.css')

Mit den Beispielen haben wir natürlich nur minimale Änderungen bewirkt, aber sie zeigen die Möglichkeiten was an optischer Anpassung möglich ist. Auch der Kniff mit dem Javascript Code hilft sicher dem Ein oder Anderen, Redmine noch mehr nach seinen eigenen Vorstellungen zu gestalten.

Letzte Änderung: 06.09.2017
redmine-css-plugin
Wie gefällt dir der Artikel?
45 Bisher 3 Bewertungen = 4star_rate

commentHinterlasse einen Kommentar

aePpap4xWmeNV