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 og 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 letre egy egyéni application.css-t és mentse el ezt egy almappába, amelyet stylesheets-nek neveznek: Public/themes/my_theme/stylesheets/application.css. Hvis du har en personlig stil, skal du huske at være sikker: /* indlæs standard Redmine stylesheet */ @import url(../../../stylesheets/application.css); /* tilføj et logo i overskriften */ #header { baggrund: #507AAA url(../images/logo.png) no-repeat 2px; polstring-venstre: 86px; } /* flyt projektmenuen til højre */ #main-menu { left: auto; højre: 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 kicsamgolni. Egyéni Javascript hozzáadása Csak illlessze være et javascriptjét et javascript/theme.js-be, és minden oldalon automatikusan betöltődik. Favicon beállítása Illessze være en 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. Endnu 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 (evt. muligheder): testreszabott JavaScript og téma számára
• favicon / (opcionális): favicon a Redmine témához
• stylesheets / application.css (udgaver): CSS (Cascading Style Sheets) og téma számára

Ezt az alábbiakban mutatjuk være:
offentlig/
  + - temaer /
       +- /
            |
            + - favicon /
            | +- (pl. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stilark /
                 + - ansøgning.css

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

Egy Redmine témát er letrehozhatunk az alapértelmezett téma CSS fajljá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 / sti / til / redmine
2. sh # mkdir -p offentlige / temaer / 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);

# top-menu {baggrund: RGB (128,0,0);}

#header {baggrund-farve: RGB (192,0,0);}

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

indhold h1, h2, h3, h4 {farve: RGB (128,0,0);}

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

a, a: link, a: besøgt {color: RGB (128,0,0); }

a: hover, a: aktiv {farve: RGB (128,0,0); }

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

1. trin:

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ű logo fájlra

...

#header> h1 {

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

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

}