Cum să creați un temă Redmine personalizată.
Redmine vine cu o modalitate rapidă și ușoară de administrare pentru a aplica un temă care să se potrivească preferințelor tale. Câteva dintre temele implicit disponibile sunt minimaliste, altele sunt mai vibrante, iar dacă niciuna dintre aceste opțiuni nu îți place, poți crea propria ta temă personalizată Redmine.

Structura de directoare a temelor
O temă este formată din aceste fișiere:
- javascripts/theme.js (opțional): JavaScript personalizat pentru tema
- favicon / <favicon file> (opțional): favicon pentru tema Redmine
- stylesheets / application.css (necesar): CSS (Cascading Style Sheets) pentru tema
Acest lucru este demonstrat mai jos:
public/
+- themes/
+- <nume temă>/
|
+- favicon/
| +- <favicon file> (de exemplu, favicon.ico, favicon.png)
|
+- javascripts/
| +- theme.js
|
+- stylesheets/
+- application.css
Cum să creați o temă Redmine folosind tema implicită
Puteți crea, de asemenea, o temă Redmine schimbând culorile în fișierul CSS al temei implicite.
Să spunem că doriți să schimbați totul de la o temă albastră la una roșie. Puteți face acest lucru cu CSS-ul de mai jos.
- sh# cd / path / to / redmine
- sh# mkdir -p public / themes / redtheme / stylesheets
- sh# vi public / themes / redtheme / stylesheets / application.css (codul este prezentat mai jos)
- Accesați setările de administrare și selectați redtheme
/* încărcați foaia de stil implicită Redmine */
@import url(../../../stylesheets/application.css);
#top-menu {background: RGB(128,0,0);}
#header {background-color:RGB(192,0,0);}
#projects-index ul.projects div.root a.project { color:RGB(128,0,0); }
content h1, h2, h3, h4 {color:RGB(128,0,0);}
#main { color:RGB(128,0,0); }
a, a:link, a:visited{ color:RGB(128,0,0); }
a:hover, a:active{ color:RGB(128,0,0); }
Cum să schimbați logo-ul temei?
Primul pas:
Puneți fișierul de logo în @./ public / themes/ redminecrm / images@
Al doilea pas
Înlocuiți fișierul logo.png cu noul fișier de logo cu dimensiunea de 43x30
...
#header > h1 {
background: url(../images/logo.png) no-repeat 10px 20%;
padding: 5px 60px; /* Modificați acest lucru pentru a seta propriul logo */
}

Actualizarea finală Redmine? Ușoară.
Obțineți toate instrumentele puternice pentru planificarea, gestionarea și controlul perfect al proiectelor într-un singur software.