Hogyan hozzunk létre egy egyedi Redmine témát.

Az egyéni téma előnye, hogy egyedi és pontosan olyan tervezést, amilyennek szeretnél (ez az előny nem áll rendelkezésre a legtöbb problémára). 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 alapvető használat, 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. ezen hozzon létre egy egyéni application.css-t és mentse 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ás ír felül: /* az alapértelmezett Redmine stíluslap betöltése */ @import url(../../../stylesheets/application.css); /* logó hozzáadása a fejléchez */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-bal: 86px; } /* mozgatja a projektmenüt jobbra */ #main-menu { left: auto; jobbra: 0px; } A fent 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. A témát a public/themes könyvtárban kell kicsomagolni. Egyéni Javascript csak illessze 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 betöltődik a helyett, hogy az alapértelmezett lenne. A favicon fájl nem lehet bármit. (Ha nem tudja, a favicon egy apró 16x16 képpontos ikon, amely a sajátjának márkaazonosságát szolgálja. Fő célja, hogy segítse a látogatókat abban, hogy könnyebben megtalálják az oldalt, amikor több lapot nyitnak meg). Az egyéni 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ó -> Settings menübe, és a "Téma" listából (lenyíló lista) válassza ki az újonnan meghatározott témát. kér mentse el a beállításokat. a pontban a Redmine már az egyedi témájával ebben megmutatja meg. Ha a Redmine-t használja 1.1.0-nál régebbi verzióban, újra kell indítani az alkalmazást, hogy megjelenjen az elérhető témákban.

A témák könyvtárszerkezete

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

• javascripts/theme.js (ez opcionális): testreszabott JavaScript a 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) a téma számára

Ezt az alábbiakban mutatjuk be:
nyilvános/
  + - témák /
       +- /
            |
            + - favicon /
            | +- (pl. favicon.ico, favicon.png)
            |
            + - javascriptek /
            | + - theme.js
            |
            + - stíluslapok /
                 + - application.css

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

Egy Redmine is létrehozható az állandó téma CSS fájljának színeinek módosításával.

Tegyük fel, hogy mindent egy pirosra kérhetsz. Ezt megtehetjük az alábbi CSS segítségével.

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 (a kódolás alább látható)
4. Men 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 (../../../ 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); }

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

1.lépés:

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%;

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

}