Hogyan hozzunk literatura egy egyedi Redmine témát.

Az egyéni téma előnye az, hogy egyedi és pontosan olyan a tervezése, amilyennek szeretné (ez az előny nem áll rendelkezésre a legtöbb alapértelmezett téma esetén). Rugalmasságot biztosít az egyéni téma bármilyen tervezéséhez. Bár az egyéni téma létrehozása több erőfeszítést igényel, mint az alapértelmezett használata, az eredmények teljesen megéri. Olvassa el, hogyan hozhat létre egy egyedi Redmine témát. Új Redmine téma létrehozása A Redmine alapvető támogatást nyújt a témákhoz. Ezek a témák néhány egyéni javascriptet és felülírhatják a stíluslapokat (application.css). Az első lépés egy új könyvtár létrehozása a public/themes-ben. A könyvtár neve lesz a téma neve. Például: public/themes/my_theme. Ezután hozzon létre egy egyéni application.css-t és mense el ezt egy almappába, amelyet stylesheets-nek neveznek: Public/themes/my_theme/stylesheets/application.css. Az alábbi egyéni stíluslap példája csak néhány beállítást ír felül: /* załaduj domyślny arkusz stylów Redmine */ @import url(../../../stylesheets/application.css); /* dodaj logo w nagłówku */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; dopełnienie po lewej stronie: 86px; } /* przesuń menu projektu w prawo */ #main-menu { left: auto; po prawej: 0px; } A fent említett példafelételezi, hogy van egy kép, amely a my_theme/images/logo.png helyen található. Letöltheti ezt a témát (mintát) kiindulási pontként saját egyedi Redmine témájához. A témát a public/themes könyvtárban kell kicsomagolni. Egyéni JavaScript hozzáadása Csak illessze be a javascriptjét a javascript/theme.js-be, és minden oldalon automatikusan betöltődik. Favicon beállítása Illessze być faviconját favicon mappába, és minden oldalon automatikusan betöltődik a helyett, hogy az alapértelmezett lenne. A favicon fájl neve lehet bármi. (Ha nem tudja, a favicon egy apró 16x16 képpontos ikon, amely a webhelyének márkaazonosságát szolgálja. Fő célja, hogy segítse a látogatókat abban, hogy könnyebben megtalálják az oldalát, amikor több lapot nyitna k mega). Az egyéni téma alkalmazása 1. lépés: Töltse le az új témát. 2. lépés: Csomagolja ki a témát a ../public/themes/ mappába. Ennek eredménye egy könyvtár elérési útja az application.css-hez, például ../public/themes/redminecrm/stylesheets/application.css. 3. lépés: Lépjen az Adminisztráció -> Beállítások menübe, és a „Téma” listából (lenyíló lista) válassza ki az újonnan létrehozott témát. Ezután mentse el a beállításokat. Ebben a pontban a Redmine már az egyedi témájával jelenik meg. Ha a Redmine-t használja 1.1.0-nál régebbi verzióban, újra kell indítania az alkalmazást, hogy megjelenjen az elérhető témák listájában.

A témák könyvtárszerkezete

Egy téma az alábbi fájlokból áll:

• javascripts/theme.js (bez opcji): testowanie skryptów JavaScript i szablonów
• ikona ulubionych / (ez opcionális): favicon a Redmine témához
• stylesheets / application.css (z szükséges): CSS (Cascading Style Sheets) i szablon szablonu

Ezt az alábbiakban mutatjuk być:
publiczny/
  + - motywy /
       +- /
            |
            + - favicon /
            | +- (pl. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - arkusze stylów /
                 + - application.css

Egy Redmine motyw létrehozása az alapértelmezett téma felhasználásával

Egy Redmine Témát to létrehozhatunk az alapértelmezett Téma CSS fájljának színeinek modosításával.

Tegyük fel, hogy mindent egy kék témából pirosra szeretnénk változtatni. Ezt megtehetjük az alábbi CSS segítségével.

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / themes / redtheme / stylesheets / application.css (kodowany kod źródłowy)
4. Menjünk az adminisztrációs beállításokhoz, majd válasszuk ki a redtheme-et

/* töltsük be az alapértelmezett Redmine stíluslapot */

@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); }

Hogyan változtassuk meg a téma logoóját?

I krok:

Tegyük a logo fájlt a következő helyre: @./ public / themes/ redminecrm / images@

2^ik Lepés

Cserélje le a logo.png fájlt az új 43x30 meretű logo fajlra

...

#header> h1 {

               adres: url(../images/logo.png) bez powtórzeń 10px 20%;

               wypełnienie: 5px 60px; /* Módosítsa ezt a saját logoója beállításához */

}