Vytvořte si téma personalizované Redmine.

Avantajul unui temă personalizată is a aceasta is unică, iar designul său is exclusive cum doriți (acest beneficiu nu is disponibil în majoritatea temelor implicite). Aveți flexibilitatea de a proiecta a temă personalizată în orice fel doriți. Vytvořte si čas pro personalizaci, protože potřebujete více úsilí, abyste mohli implicitně využívat, výsledky jsou merita pro totul. Pokračujte v citaci pro další vytváření a vytváření tématu Redmine personalizată. Crearea unei noi teme Redmine Redmine nabízí základní podporu pro váš čas. Aceste teme pot adăuga câteva javascript personalizujte a pot suprascrie foile de stil (application.css). Prvotním krokem je vytvoření nového režiséra na veřejnosti/tématech. Numele directorului a fi utilizat ca numele temei. Příklad: public/themes/my_theme. Apoi, creați application.css personalizat a salvați-l v podsložce numit stylesheets: Public/themes/my_theme/stylesheets/application.css Următorul exemplu is un stylesheet personalized care suprascrie red styles:-n-carteva setă / @import url(../../../stylesheets/application.css); /* přidat logo do předchozího */ #header { pozadí: #507AAA url(../images/logo.png) no-repeat 2px; padding-left: 86px; } /* mută meniul proiectului spre dreapta */ #main-menu { left: auto; vpravo: 0px; } Exemplul menționat presupune că aveți o impression care se află în my_theme/images/logo.png. Puteți descărca această temă (exempl) ca point de pornire forpria temă Redmine personalizată. Extrageți the tema in directorul public/themes. Přizpůsobte si Javascript Trebuie doar a zahrnuje javascript-ul dvs. v javascript/theme.js a také se automaticky načítají na stránku. Setarea Favicon Zavést favicon-ul ve složce favicon a acesta, která bude automaticky načtena v místním implicitním místě na stránce péče. 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șor pagina dvs. atunci când au mai multe file deschise ). Aplicarea temei personalizujte Pasul 1: Stáhnout téma nové. Pasul 2: Dezarhivați tema în ../public/themes/. Výsledky vyhledávání pro ředitele se nacházejí v application.css, s ../public/themes/redminecrm/stylesheets/application.css. Krok 3: Přístup ke správě -> Nastavit a v seznamu "Temă" (seznam derulantă), vybrat téma pro péči a vytvořit-o poslední. Udělejte to, uložte nastavení. V tuto chvíli je Redmine připraven k použití s ​​osobním tématem. Dacă utilizați Redmine < 1.1.0, je možné se trebuie să reporniți aplicația pro apărea în seznam aktuálně dostupných.

Ředitelská struktura je temná

Tento soubor je ve formátu tohoto souboru:

• javascripts/theme.js (volitelně): JavaScript personalizovaný pro téma
• favicon / (volitelně): favicon pro téma Redmine
• styly / application.css (nutné): CSS (Cascading Style Sheets) pro téma

Acest lucru je demonstrován více:
veřejnost/
  + - témata /
       +- /
            |
            + - favicon /
            | +- (de exemplu, favicon.ico, favicon.png)
            |
            + - javascripty /
            | + - theme.js
            |
            + - styly /
                 + - application.css

Vytvořte téma Redmine s implicitním tématem

Vložte crea, de asemenea, nebo téma Redmine schimbând colour in the fișierul CSS all the temei implicite.

Să spunem că doriți să schimbați totul de la o temă albastră la una roșie. Puteți face asest 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 / stylesheets / application.css (codul este prezentat mai jos)
4. Přístup k nastavení a výběru redtheme

/* implicitní implicitní foaia redmine */

@import url (../../../ styly / 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); }

obsah h1, h2, h3, h4 {barva: RGB (128,0,0);}

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

a, a: link, a: navštíveno {color: RGB (128,0,0); }

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

Jak se změnilo logo-ul temei?

První krok:

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

Druhý krok

Înlocuiți fișierul logo.png s noul fișier de logo s rozměrem 43x30

...

#header> h1 {

               pozadí: url (../ images / logo.png) neopakovat 10px 20%;

               odsazení: 5px 60px; /* Upravte své logo pro seta propriul */

}