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 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. Заглавие: public/themes/my_theme. Ezután 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. От друга страна, този стил се показва следното: /* зареждане на Redmine stylesheet по подразбиране */ @import url(../../../stylesheets/application.css); /* добавяне на лого в заглавката */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-left: 86px; } /* преместване на менюто на проекта надясно */ #main-menu { left: auto; дясно: 0px; } Ако искате да видите чувствителния елемент, можете да го направите, а my_theme/images/logo.png да бъде включен. 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 a helyett, hogy az alapértelmezett lenne. Иконата на фаворита не показва барми. (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 megtalálják az oldalát, amikor több lapot nyi tnak meg). 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ó list) válassza ki az újonnan letrehozott 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. Ако Redmine разполага с версия 1.1.0-nál régebbi, трябва да добавите алкалмазност към индийската страна, като добавите списък с по-големи теми.

A témák könyvtárszerkezete

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

• javascripts/theme.js (без опция): тестване на JavaScript и промяна на темата
• фавикон / (по избор): favicon в Redmine тема
• stylesheets / application.css (ez szükséges): CSS (Cascading Style Sheets) и темата

Ezt az alábbiakban mutatjuk be:
обществена /
  + - теми /
       +- /
            |
            + - фавикон /
            | +- (pl. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - таблици за стилове /
                 + - application.css

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

Темата на Egy Redmine е предадена на CSS файл, който се използва за модифициране.

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 / път / към / redmine
2. sh # mkdir -p public / теми / redtheme / стилове
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 (../../../ стилове / application.css);

# топ меню {фон: RGB (128,0,0);}

#header {фон-цвят: RGB (192,0,0);}

# проекти-индекс ul.projects div.root a.project {цвят: RGB (128,0,0); }

съдържание h1, h2, h3, h4 {цвят: RGB (128,0,0);}

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

a, a: връзка, a: посетен {цвят: RGB (128,0,0); }

a: hover, a: active {color: RGB (128,0,0); }

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

1-ва стъпка:

Изтеглете логото на файл на адрес: @./ public / themes/ redminecrm / images@

2^ik Лепеш

Cserélje le a logo.png файл az új 43x30 méretű лого файл

...

#header> h1 {

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

               подложка: 5px 60px; /* Módosítsa ezt a saját logója beállításához */

}