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

Avantajul unui temă personalisată este că aceasta este unică, iar designul său este nøjagtige cum doriți (acest beneficiu nu este disponibil în majoritatea temelor implicit). Aveți flexibilitatea de a proiecta or themă personalisată î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æt med at oprette en Redmine-tilpasning. Crearea unei noi teme Redmine Redmine tilbyder grundlæggende støtte. Aceste teme pot adăuga câteva javascript personalisate ș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. Eksempel: public/themes/my_theme. Apoi, creați application.css personalizat și salvați-l într-un undermappe numit stylesheets: Public/themes/my_theme/stylesheets/application.css Următorul eksemplet er et stylesheet personalisat care suprascrie doar câteva set încride: /licit* stylesheet: / / @import url(../../../stylesheets/application.css); /* adaugă un logo în antet */ #header { baggrund: #507AAA url(../images/logo.png) no-repeat 2px; polstring-venstre: 86px; } /* mută meniul proiectului spre dreapta */ #main-menu { left: auto; højre: 0px; } Eksempel menționat presupune că aveți o imagine care se află în my_theme/images/logo.png. Puteți descărca această temă (eksempel) ca punct de pornire pentru propria temă Redmine personalisată. Ekstrageți tema în directorul public/themes. Adăugarea Javascript-tilpasning Trebuie doar să inkludereți javascript-ul dvs. în javascript/theme.js și acesta va fi încărcat automat pe fiecare pagină. Setarea Favicon Introducerț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ă maa de maișsească mai u ). Anvendelsesområde personalisér Pasul 1: Descărcați o temă nouă. Pasul 2: Dezarhivați tema i ../public/themes/. Rezultatul acestui lucru er en direktør for application.css, cum ar fi ../public/themes/redminecrm/stylesheets/application.css. Pasning 3: Adgang til administration -> Indstil på listen "Temă" (liste), vælg et tema, der skal plejes og oprettes nyligt. După aceasta, salvați setările. I et øjeblik, Redmine ar trebui să fie afișat folosind tema personalisată. Hvis du bruger Redmine < 1.1.0, er det muligt at rapportere applikationer på en tilgængelig liste.

Structura de directoare a temelor

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

• javascripts/theme.js (valgfrit): JavaScript tilpasser sig til et tema
• favicon / (valgfrit): favicon pentru tema Redmine
• stylesheets / application.css (nødvendigt): CSS (Cascading Style Sheets) pentru tema

Acest lucru este demonstrer mai jos:
offentlig/
  + - temaer /
       +- /
            |
            + - favicon /
            | +- (de exemplu, favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stilark /
                 + - ansøgning.css

Cum să creați o temă Redmine folosind tema implicită

Puteți crea, de asemenea, eller 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 / sti / til / redmine
2. sh # mkdir -p offentlige / temaer / redtheme / stilark
3. sh# vi public / themes / redtheme / stylesheets / application.css (codul este prezentat mai jos)
4. Adgang til at indstille administrationen og vælge rødt tema

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

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

# top-menu {baggrund: RGB (128,0,0);}

#header {baggrund-farve: RGB (192,0,0);}

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

indhold h1, h2, h3, h4 {farve: RGB (128,0,0);}

#main {farve: RGB (128,0,0); }

a, a: link, a: besøgt {color: RGB (128,0,0); }

a: hover, a: aktiv {farve: RGB (128,0,0); }

Cum să skimbați logo-ul temei?

Første trin:

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

Det andet trin

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

...

#header> h1 {

               baggrund: url (../billeder / logo.png) ingen gentagelse 10px 20%;

               polstring: 5px 60px; /* Ændringer af det rigtige logo */

}