Cum să creați un temă Redmine personalizată.

Avantajul unui temă personalizată este că aceasta este unică, iar designul său este exakt cum doriți (acest beneficiu nu este disponibil în majoritatea temelor implicit). Aveți flexibilitatea de a proiecta o temă personalizată în orice fel doriți. Deși crearea unei teme personalisate poate necesita mai mult efort decât utilizarea uneia implicit, rezultatele merită cu totul. Fortsätt med att göra en personlig Redmine. Crearea unei noi teme Redmine Redmine erbjuder stöd för grundläggande pentru teme. Aceste teme pott adăuga câteva javascript personalisera și pot suprascrie foile de stil (application.css). Primul pas este de a crea un director nou în public/themes. Numele directorului va fi utilizat ca numele temei. Ett exempel: public/themes/my_theme. Apoi, creați application.css personalizat și salvați-l într-un undermapp numit stylesheets: Public/themes/my_theme/stylesheets/application.css Următorul exemplu este un stylesheet personalizat care suprascrie doar câteva* stylesheet încride: /licit* stylesheet: / / @import url(../../../stylesheets/application.css); /* adaugă un logo în antet */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-vänster: 86px; } /* mută meniul proiectului spre dreapta */ #main-menu { left: auto; höger: 0px; } Exemplul menționat presupune că aveți o imagine care se află în my_theme/images/logo.png. Puteți descărca această temă (exempel) ca punct de pornire pentru propria temă Redmine personalizată. Extrageți tema în directorul public/themes. Adăugarea Javascript anpassat Trebuie doar să inkluderarți javascript-ul dvs. în javascript/theme.js și acesta va fi încărcat automat pe fiecare pagină. Setarea Favicon Introduceți favicon-ul în folderul favicon și acesta va fi încărcat automat în locul celui implicit pe fiecare pagină. Numele fișierului favicon poate fi orice. (În cazul în care nu știți, un favicon este un mic icon de 16x16 pixeli care servește scopului de branding al site-ului dvs. Scopul său principal este de a ajuta vizitatorii să găsească mai u ). Applicarea temei anpassa Pasul 1: Descărcați o temă nouă. Pasul 2: Dezarhivați tema în ../public/themes/. Rezultatul acestui lucru ar fi un director către application.css, cum ar fi ../public/themes/redminecrm/stylesheets/application.css. Pasul 3: Tillgång till administratör -> Ställ in listan "Temă" (lista), välj ett tema för att ta hand om och skapa nyligen. După aceasta, salvați setările. Redmine ar trebui să fie afișat folosind tema personalizată. Om du använder Redmine < 1.1.0, är ​​det möjligt att rapportera applikationer på en plats i listan över tillgängliga disponibla applikationer.

Structura de directoare a temelor

O temă este formată din aceste fișiere:

• javascripts/theme.js (tillval): JavaScript anpassar sig till temat
• favicon / (valfritt): favicon pentru tema Redmine
• stylesheets / application.css (nödvändigt): CSS (Cascading Style Sheets) för tema

Acest lucru este demonstrat mai jos:
offentlig/
  + - teman /
       +- /
            |
            + - favicon /
            | +- (de exemplu, favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stilark /
                 + - applikation.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 implicit.

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.

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / teman / redtheme / stilark
3. sh# vi public / themes / redtheme / stylesheets / application.css (codul este prezentat mai jos)
4. Accessați setările de administrare și selectați redtheme

/* încărcați foaia de stil implicită Redmine */

@import url (../../../ stilark / applikation.css);

# toppmeny {bakgrund: RGB (128,0,0);}

#header {bakgrundsfärg: RGB (192,0,0);}

# projects-index ul.projects div.root a.project {färg: RGB (128,0,0); }

innehåll h1, h2, h3, h4 {färg: RGB (128,0,0);}

#main {färg: RGB (128,0,0); }

a, a: länk, a: besökte {färg: RGB (128,0,0); }

a: svävar, a: aktiv {färg: RGB (128,0,0); }

Cum să schimbați logo-ul temei?

Första steget:

Puneți fișierul de logo în @./ public / themes/ redminecrm / images@

Det andra steget

Înlocuiți fișierul logo.png cu noul fișier de logo cu dimensiunea de 43x30

...

#header> h1 {

               bakgrund: url (../bilder / logo.png) ingen upprepning 10px 20%;

               stoppning: 5px 60px; /* Modificați acest lucru pentru a seta propriul logo */

}