Custom CSS

Redmine im eigenen Look gestalten

Installieren Sie das Custom-CSS-/Theme-Plugin über das Customer Center, fügen Sie CSS-Snippets ein und passen Sie Redmine an, ohne den Code anzurühren.

Gehostetes Redmine · Tägliche Backups · Sicheres, gekapseltes CSS
Redmine-Pluginliste

Plugin installieren und öffnen

Installieren Sie das Custom-CSS-Plugin über das Customer Center. Nach der Installation öffnen Sie Administration -> Plugins und klicken auf das Zahnradsymbol, um den CSS-Editor zu erreichen.

Das Plugin verarbeitet hochgeladenes CSS sicher und hält die Oberfläche responsiv, während Sie jedes Element anpassen können.

CSS ohne Tags einfügen

Fügen Sie reines CSS in das Custom-CSS-Feld ein. HTML-Tags wie <style> sind nicht nötig – geben Sie einfach Selektoren und Deklarationen an.

Sie können sogar externe Stylesheets per @import url(...) einbinden, wenn Sie lieber lokal bearbeiten.

Logo austauschen

So ersetzen Sie das Logo im A1-Theme durch Ihr eigenes Bild.

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

Externes CSS einbinden

Sie brauchen komplexe Layouts? Importieren Sie entfernte Stylesheets und halten Sie Code nur bei Bedarf im Editor.

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

Vorsicht vor versteckten Scripts

CSS-Felder akzeptieren auch Scripts, wenn sie in <script> gekapselt sind. Nutzen Sie das Plugin verantwortungsvoll und fügen Sie Drittcode nur ein, wenn Sie der Quelle vertrauen.

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

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

Gestalten mit Sicherheit

Wenn die Syntax sitzt, wird jedes CSS sofort in Redmine angewendet – so bringen Sie Header, Buttons und Layouts in Einklang mit Ihrem Corporate Design.

Mehr Hilfe zu Redmine?

Lesen Sie die Redmine-Hosting-FAQ

Antworten zu Einrichtung, Zugriff, Backups und Managed-Hosting-Details.