Cum să tworzenia motywów Redmine personalizacji.

Avantajul unui temă personalizată este că aceasta este unică, iar designul său este dokładne cum doriţi (acest beneficiu nu este disponibil în majoritatea temelor implicite). Aveți flexibilitatea de a proiecta o temă personalizată în orice fel doriți. Deși crearea unei teme personalizate poate necesita mai mult efort decât utilizarea uneia implicite, rezultatele merită cu totul. Continuați să citiți pentru afla cum să creați lub temat Redmine personalizată. Crearea unei noi temat Redmine Redmine oferuje wsparcie podstawowe pentru temat. Aceste teme pot adăuga cateva javascript spersonalizuj 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. Przykład: public/themes/my_theme. Apoi, utwórz plik application.css personalizat și salvați-l într-un podfolder Numit stylesheets: Public/themes/my_theme/stylesheets/application.css Przykład szablonu szablonu personalizacji arkusza stylów, który umożliwia skonfigurowanie kategorii: /* încarcă stylesheet-ul implicit Redmine * / @import url(../../../stylesheets/application.css); /* dodaj logo przed */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; dopełnienie po lewej stronie: 86px; } /* mută menius proecttului spre dreapta */ #main-menu { left: auto; po prawej: 0px; } Przykładowe uwagi są mile widziane, a my_theme/images/logo.png można sobie wyobrazić. Puteți descărca această temă (exemplu) ca punct de pornire pentru propria temă Redmine personalizată. Extrageți temat w reżyserii publicznej/tematów. Adăugarea JavaScript personalizuje Trebuie doar să zawiera javascript-ul dvs. W 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 ajuta vizitatorii să găsească mai ușor pagina dvs. atunci când au mai multe file desch jest ). Aplicarea temei personalizate Pasul 1: Descărcați o temă nouă. Pasul 2: Dezarhivați temat în ../public/themes/. Rezultatem jest ten, kto jest dyrektorem katalogu application.css, z którego pochodzi ../public/themes/redminecrm/stylesheets/application.css. Pasul 3: Accesați Administrare -> Setări și din lista "Temă" (listă derulantă), wybierz temat, a także twórz najnowsze. După aceasta, salvați setările. W tej chwili Redmine ar trebui să fie afișat spersonalizowany temat. Dacă utilizați Redmine < 1.1.0, można uzyskać dostęp do raportów z aplikacji, które można znaleźć na liście dostępnych tematów.

Structura de directoare a temelor

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

• javascripts/theme.js (opcjonalnie): personalizacja JavaScript dla motywu
• ikona ulubionych / (opcjonalnie): favicon pentru temat Redmine
• arkusze stylów / application.css (niezbędne): CSS (kaskadowe arkusze stylów) dla motywu

Acest lucru este demonstrat mai jos:
publiczny/
  + - motywy /
       +- /
            |
            + - favicon /
            | +- (przykład, favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - arkusze stylów /
                 + - application.css

Cum să tworzenia tematów Redmine ukrytych motywów

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 twarz acest lucru cu CSS-ul de mai jos.

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / themes / redtheme / arkusze stylów / application.css (codul este prezentat mai jos)
4. Uzyskaj dostęp do ustawień administracyjnych i wybierz redtheme

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

@import url (../../../ stylesheets / application.css);

# menu główne {tło: RGB (128,0,0);}

#header {kolor tła: RGB (192,0,0);}

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

zawartość h1, h2, h3, h4 {kolor: RGB (128,0,0);}

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

a, a: link, a: odwiedzono {kolor: RGB (128,0,0); }

a: hover, a: active {color: RGB (128,0,0); }

Cum să schimbaţi logo-ul temei?

Pierwszy krok:

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

Drugi krok

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

...

#header> h1 {

               tło: url (../ images / logo.png) bez powtarzania 10px 20%;

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

}