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 styleuslapokat (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 letre egy egyéni application.css-t és mense el ezt egy almappába, amelyet stylesheets-nek neveznek: Public/themes/my_theme/stylesheets/application.css. אז אלבבי egyéni styleuslap példája csak néhány beállítást ir felül: /* טען את גיליון הסגנונות של Redmine המוגדר כברירת מחדל */ @import url(../../../stylesheets/application.css); /* הוסף לוגו בכותרת */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-left: 86px; } /* העבר את תפריט הפרויקט ימינה */ #main-menu { left: auto; מימין: 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. קטע ציבורי/נושאים könyvtárban kell kicomagolni. 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 להיות faviconját a favicon mappába, és minden oldalon automatikusan betöltődik a helyett, hogy az alapértelmezett lenne. A favicon fájl Neve Lehet Bármi. (Ha nem tudja, a 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. 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 mense 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 verzió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

למשל:

• javascripts/theme.js (אופציונלי): testreszabott JavaScript ו-téma számára
• favicon / (ez opcionális): favicon a Redmine témához
• גיליונות סגנונות / application.css (זכות): CSS (Cascading Style Sheets)

Ezt az alábbiakban mutatjuk be:
ציבורי /
  + - ערכות נושא /
       +- /
            |
            + - favicon /
            | +- (פל. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - גיליונות סגנונות /
                 + - יישום. css

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

Egy Redmine témát is letrehozhatunk 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 ציבורי / נושאים / 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 styleuslapot */

@ ייבוא ​​url (../../../ סגנונות / יישום.css);

# התפריט העליון {רקע: RGB (128,0,0);}

#header {צבע רקע: RGB (192,0,0);}

# פרויקטים-אינדקס ul.projects div.root a.project {color: RGB (128,0,0); }

תוכן h1, h2, h3, h4 {צבע: RGB (128,0,0);}

#main {צבע: RGB (128,0,0); }

א, קישור: א, ביקרו {color: RGB (128,0,0); }

א: רחף, א: פעיל {צבע: RGB (128,0,0); }

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

שלב ראשון:

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

2^ik לֶפֶס

Cserélje le a logo.png fájlt az új 43x30 milesetű logo fjlra

...

#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 */

}