Hogyan hozzunk létre 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 En 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 styleuslapokat (application.css). Az első lépés egy új könyvtár létrehozása a public/themes-ben. En 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 mente el ezt egy almappába, amelyet stylesheets-nek neveznek: Public/themes/my_theme/stylesheets/application.css. Om du vill ha en stilig stil som är tillgänglig för alla: /* ladda standard Redmine-formatmallen */ @import url(../../../stylesheets/application.css); /* lägg till en logotyp i rubriken */ #header { bakgrund: #507AAA url(../images/logo.png) no-repeat 2px; padding-vänster: 86px; } /* flytta projektmenyn till höger */ #main-menu { left: auto; höger: 0px; } A fence említett példa felté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. En témát a public/themes könyvtárban kell kicsomagolni. Egyéni Javascript hozzáadása Csak illlessze be a javascriptjét a javascript/theme.js-be, és minden oldalon automatikusan betöltődik. Favicon beállítása Illessze be a faviconját a favicon mappába, és minden oldalon automatikusan betöltődik a helyett, hogy az alapértelmezett lenne. En favicon fájl neve lehet bármi. (Ha nem tudja, en favicon egy apró 16x16 képpontos ikon, amely a webhelyének márkaazonosságát szolgálja. 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. Enda 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 mense el a beállításokat. Ebben a pontban a Redmine már az egyedi témájával jelenik meg. Ha en 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.

En témák könyvtárszerkezete

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

• javascripts/theme.js (extra alternativ): testreszabott JavaScript och téma számára
• favicon / (ez opcionális): favicon a Redmine témához
• stylesheets / application.css (ez szükséges): CSS (Cascading Style Sheets) och téma számára

Ezt az alábbiakban mutatjuk vara:
offentlig/
  + - teman /
       +- /
            |
            + - favicon /
            | +- (pl. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stilark /
                 + - applikation.css

Egy Redmine téma lättrehozása az alapértelmezett téma felhasználásával

Egy Redmine témát är lättrehozhatunk az alapértelmezett téma CSS fájljának színeinek módosí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 / teman / redtheme / stilark
3. sh# vi public / themes / redtheme / stylesheets / application.css (a kódolás alább látható)
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 styluslapot */

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

# toppmeny {bakgrund: RGB (128,0,0);}

#header {bakgrundsfärg: RGB (192,0,0);}

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

innehåll h1, h2, h3, h4 {färg: RGB (128,0,0);}

#main {färg: RGB (128,0,0); }

a, a: länk, a: besökte {färg: RGB (128,0,0); }

a: svävar, a: aktiv {färg: RGB (128,0,0); }

Hogyan változtassuk mig en téma logóját?

Första steget:

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

2^ik Lépés

Cserélje le a logo.png fájlt az új 43x30 méretű logó fájlra

...

#header> h1 {

               háttér: url(../images/logo.png) no-repeat 10px 20%;

               stoppning: 5px 60px; /* Módosítsa ezt a saját logója beállításához */

}