Cum să creați and temă Redmine személyre szabott.

Avantajul unui temă personalizată este că aceasta este unică, iar designul său este pontosan 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 personalize poate necesita mai mult efort decât usearea uneia implicite, rezultatele merită cu totul. Folytassa az állampolgárokat a Redmine személyre szabott létrehozásával. Crearea unei noi teme Redmine Redmine felajánlja, hogy támogatja az alapvető funkciókat. Aceste teme pot adăuga câteva javascript personalizete és pot suprascrie foile de stil (application.css). Primul pas este de a crea un director nou in public/themes. Numele directorului va fi utilizat ca numele temei. De példa: public/themes/my_theme. Apoi, creați application.css personalizat és salvați-l într-un almappa numit stylesheets: Public/themes/my_theme/stylesheets/application.css Următorul exemplu este un stylesheet personalizat care suprascrie doar câteva stylesîminec / @import URL(../../../stylesheets/application.css); /* adaugă un logo în antet */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-bal: 86px; } /* mută meniul proiectului spre dreapta */ #főmenü { balra: auto; jobbra: 0px; } Exemplul menționat presupune că aveți o elképzelni gondoskodni kell a my_theme/images/logo.png-ben. Puteți descărca această temă (exemplu) ca punct de pornire pentru propria temă Redmine personalizată. Extrageți téma a nyilvános/témák igazgatójában. Adăugarea Javascript personalizat Trebuie doar să includeți javascript-ul dvs. în javascript/theme.js és acesta va fi încărcat automat pe fiecare pagină. Setarea Favicon Introduceți favicon-ul în folderul favicon és acesta va fi încărcat automat in 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 uschnd pagina căsească mai ușvșor pagina ). Aplicarea temei personalize Pasul 1: Descărcați o temă nouă. Pasul 2: Dezarhivați tema in ../public/themes/. Rezultatul acestui lucru ar fi un director către application.css, cum ar fi ../public/themes/redminecrm/stylesheets/application.css. 3. szakasz: Adminisztráció elérése -> Állítsa be a „Temă” listát (derulantă listája), válassza ki a témakört a legutóbbi létrehozásához. După aceasta, salvați setările. În acest moment, Redmine ar trebui să fie afișat folosind tema personalizată. Ha a Redmine < 1.1.0-s verzióját használja, ez lehetséges, hogy az alkalmazás elérhető a rendelkezésre álló listán.

Structura de directoare a temelor

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

• javascripts/theme.js (opcionális): a JavaScript személyre szabása a témával kapcsolatban
• favicon / (opcionális): Favicon pentru téma Redmine
• stíluslapok / application.css (szükséges): CSS (Cascading Style Sheets) pentru tema

Acest lucru este demonstrat mai jos:
nyilvános/
  + - témák /
       +- /
            |
            + - favicon /
            | +- (de exemplu, favicon.ico, favicon.png)
            |
            + - javascriptek /
            | + - theme.js
            |
            + - stíluslapok /
                 + - application.css

Készítse el a Redmine folosind témát implicit módon

Puteți crea, de asemenea, o temă Redmine schimbând culorile in 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.

1. sh # cd / elérési út / a / redmine-hez
2. sh # mkdir -p public / témák / redtheme / stíluslapok
3. sh# vi public / themes / redtheme / stylesheets / application.css (codul este prezentat mai jos)
4. Accesați setările de administrare és Select a redtheme

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

@import url (../../../ stíluslapok / application.css);

# felső menü {háttér: RGB (128,0,0);}

#header {háttér szín: RGB (192,0,0);}

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

h1, h2, h3, h4 tartalom {szín: RGB (128,0,0);}

#main {szín: RGB (128,0,0); }

a, a: link, a: meglátogatott {szín: RGB (128,0,0); }

a: lebeg, a: aktív {szín: RGB (128,0,0); }

Cum să schimbați logo-ul temei?

Az első lépés:

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

A második lépés

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

...

#header> h1 {

               háttér: url (../ images / logo.png) nincs ismétlés 10x 20%;

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

}