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 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: /* načte výchozí šablonu stylů Redmine */ @import url(../../../stylesheets/application.css); /* přidat logo do záhlaví */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-left: 86px; } /* přesunout nabídku projektu doprava */ #main-menu { left: auto; vpravo: 0px; } A fent említett példa feltételezi, hogy van egy image, 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 be a faviconját a favicon mappába, és minden oldalon automatikusan betöltődik and helyett, az az alapértelmezett lenne. A favicon fájl neve lehet bármi. (Ha nem tudja, a favicon egy apró 16x16 képpontos icon, amely a webhelyének márkaazonosságát szolgálja. Fő célja, hogy segítse a látogatókat abban, hogy könnyebben megpottalálják a starý azö 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 versionó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 (ez opcionálie): testreszabott JavaScript a téma számára
• favicon / (ez opcionális): favicon a Redmine témához
• styly / application.css (ez szükséges): CSS (Cascading Style Sheets) a téma számára

Ezt az alábbiakban mutatjuk být:
veřejnost/
  + - témata /
       +- /
            |
            + - favicon /
            | +- (pl. favicon.ico, favicon.png)
            |
            + - javascripty /
            | + - theme.js
            |
            + - styly /
                 + - application.css

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

Egy Redmine témát is létrehozhatunk 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 / themes / redtheme / stylesheets
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 stíluslapot */

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

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

1. krok:

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 {

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

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

}